.pnf-root.pnf-root{--pnf-hole-x:50%;--pnf-hole-y:50%;--pnf-hole-radius:350px;background:#070707;overflow:hidden}.pnf-root .pnf-hero{isolation:isolate;min-height:clamp(560px,100svh - 58px,920px);position:relative;overflow:hidden}.pnf-root .pnf-scene{z-index:1;position:absolute;inset:0;overflow:hidden;container-type:size}.pnf-root .pnf-hole-placeholder{opacity:0;--pnf-hole-d:min(max(54cqw, 600px), 820px, calc((100cqh - 48px) / 1.28));--pnf-hole-glow:calc(var(--pnf-hole-d) * .64);z-index:0;left:50%;top:clamp(calc(var(--pnf-hole-glow) + 24px), 50cqh, calc(100cqh - var(--pnf-hole-glow) - 24px));width:var(--pnf-hole-d);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle closest-side,#05070b 0% 58%,#10141d 60.5%,#fff0e0b3 62.5%,#96acff47 66%,#8296f01a 74%,#0000 92%);border-radius:50%;transition:opacity .7s;animation:0s linear 2.5s forwards pnf-copy-rescue;position:absolute;transform:translate(-50%,-50%)scale(1.6)}.pnf-root .pnf-scene.is-fallback .pnf-hole-placeholder{opacity:1}.pnf-root .pnf-scene.is-live .pnf-hole-placeholder{animation:none}@media (max-width:759px){.pnf-root .pnf-hole-placeholder{--pnf-hole-d:min(142cqw, 572px, calc((100cqh - 48px) / 1.28));top:clamp(calc(var(--pnf-hole-glow) + 24px), 47cqh, calc(100cqh - var(--pnf-hole-glow) - 24px))}}.pnf-root .pnf-canvas{opacity:0;filter:blur(14px);transition:opacity .9s cubic-bezier(0,0,.2,1),filter .9s cubic-bezier(0,0,.2,1)}.pnf-root .pnf-scene.is-live .pnf-canvas{opacity:1;filter:blur()}.pnf-root .pnf-scene~.pnf-copy{opacity:0;transition:opacity .7s cubic-bezier(0,0,.2,1) .25s;animation:0s linear 2.5s forwards pnf-copy-rescue}.pnf-root .pnf-scene.is-live~.pnf-copy,.pnf-root .pnf-scene.is-fallback~.pnf-copy{opacity:1}@keyframes pnf-copy-rescue{to{opacity:1}}@media (prefers-reduced-motion:reduce){.pnf-root .pnf-canvas,.pnf-root .pnf-hole-placeholder,.pnf-root .pnf-scene~.pnf-copy{filter:none;transition:none}}.pnf-root .pnf-scene:before{z-index:0;-webkit-mask-image:radial-gradient(circle calc(var(--pnf-hole-radius) * 1.66) at var(--pnf-hole-x) var(--pnf-hole-y), transparent 87.9%, #000 100%);mask-image:radial-gradient(circle calc(var(--pnf-hole-radius) * 1.66) at var(--pnf-hole-x) var(--pnf-hole-y), transparent 87.9%, #000 100%);content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 44px);position:absolute;inset:0}.pnf-root .pnf-scene:after{z-index:0;background:radial-gradient(circle calc(var(--pnf-hole-radius) - 3px) at var(--pnf-hole-x) var(--pnf-hole-y), #05070b calc(100% - 1.5px), transparent 100%);content:"";pointer-events:none;opacity:0;transition:opacity .9s cubic-bezier(0,0,.2,1);position:absolute;inset:0}.pnf-root .pnf-scene.is-live:after,.pnf-root .pnf-scene.is-fallback:after{opacity:1}@media (prefers-reduced-motion:reduce){.pnf-root .pnf-scene:after{transition:none}}.pnf-root .pnf-canvas{z-index:1;display:block;position:absolute}:root:not([data-theme=dark]) .pnf-root{background:#fff}:root:not([data-theme=dark]) .pnf-root .pnf-scene:before{background:repeating-linear-gradient(#0a0b0d14 0 1px,#0000 1px 44px)}:root:not([data-theme=dark]) .pnf-root .pnf-code{color:#0a0b0d73}.pnf-root .pnf-copy{z-index:3;top:var(--pnf-hole-y);left:var(--pnf-hole-x);width:min(calc(var(--pnf-hole-radius) * 1.55), calc(100% - 40px));color:#fff;text-align:center;justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.pnf-root .pnf-copy h1{color:#fff;letter-spacing:-.045em;text-shadow:0 1px 26px #00000094;text-wrap:balance;max-width:14ch;font-size:clamp(2rem,4vw,3.7rem);line-height:1}.pnf-root .pnf-copy p{color:#ffffffa8;text-shadow:0 1px 20px #000000b3;max-width:42ch;margin-top:18px;font-size:14px;line-height:1.62}.pnf-root .pnf-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.pnf-root .pnf-acts .tc-btn{gap:7px}.pnf-root .pnf-acts .tc-btn-lg{height:44px;padding:0 20px;font-size:14px}.pnf-root .pnf-acts .tc-btn-onink{color:#070707;background:#fff;border-color:#fff}.pnf-root .pnf-acts .tc-btn-onink:hover{color:#070707;background:#ffffffdb;border-color:#ffffffdb}.pnf-root .pnf-acts .tc-btn-onink-line{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0707076b;border-color:#ffffff3d}.pnf-root .pnf-acts .tc-btn-onink-line:hover{color:#fff;background:#ffffff17;border-color:#ffffff6b}.pnf-root .pnf-code{z-index:2;color:#ffffff61;font-family:var(--font-mono), monospace;letter-spacing:.18em;font-size:12px;position:absolute;bottom:18px;right:24px}@media (max-width:720px){.pnf-root .pnf-copy{width:min(calc(var(--pnf-hole-radius) * 1.45), calc(100% - 34px))}.pnf-root .pnf-copy h1{font-size:clamp(1.9rem,9vw,2.7rem)}.pnf-root .pnf-copy p{font-size:13px}.pnf-root .pnf-acts{flex-direction:column;width:min(100%,220px)}.pnf-root .pnf-acts a{width:100%}}@media (prefers-reduced-motion:reduce){.pnf-root .pnf-acts a{transition:none}}:root:not([data-theme=dark]) .pnf-root .pnf-scene:after{background:radial-gradient(circle calc(var(--pnf-hole-radius) - 3px) at var(--pnf-hole-x) var(--pnf-hole-y), #fff calc(100% - 1.5px), transparent 100%)}:root:not([data-theme=dark]) .pnf-root .pnf-hole-placeholder{background:radial-gradient(circle closest-side,#fff 0% 58%,#eef1f6 60.5%,#fff0e0b3 62.5%,#96acff47 66%,#8296f01a 74%,#0000 92%)}:root:not([data-theme=dark]) .pnf-root .pnf-copy{color:#0b0b0d}:root:not([data-theme=dark]) .pnf-root .pnf-copy h1{color:#0b0b0d;text-shadow:none}:root:not([data-theme=dark]) .pnf-root .pnf-copy p{color:#0a0b0da8;text-shadow:none}:root:not([data-theme=dark]) .pnf-root .pnf-acts .tc-btn-onink{color:#fff;background:#0b0b0d;border-color:#0b0b0d}:root:not([data-theme=dark]) .pnf-root .pnf-acts .tc-btn-onink-line{color:#0b0b0d;background:#ffffff6b;border-color:#0a0b0d3d}:root:not([data-theme=dark]) .pnf-root .pnf-acts .tc-btn-onink-line:hover{background:#0a0b0d17;border-color:#0a0b0d6b}