.nf{background:var(--ex-cream-2);min-height:calc(100vh - var(--ex-nav-h))}.nf-wrap{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:0 26px}.nf-hero{background:radial-gradient(ellipse 55% 60% at 88% 10%, #10b98129, transparent 70%), radial-gradient(ellipse 40% 50% at 0% 100%, #e8c98d47, transparent 70%), var(--ex-cream);border-bottom:1px solid var(--ex-sand);padding:clamp(48px,9vw,104px) 0 clamp(56px,8vw,96px);position:relative;overflow:hidden}.nf-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.nf-kicker{background:var(--ex-mint);color:var(--ex-em-dd);letter-spacing:.2em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:10.5px;font-weight:900;display:inline-flex}.nf-dot{background:var(--ex-em);width:7px;height:7px;animation:nf-pulse 2.2s var(--ex-ease) infinite;border-radius:999px;box-shadow:0 0 #10b98180}.nf-title{letter-spacing:-.048em;color:var(--ex-ink);text-wrap:balance;margin:22px 0 0;font-size:clamp(38px,6vw,72px);font-weight:900;line-height:1}.nf-accent{color:var(--ex-em)}.nf-lede{letter-spacing:-.016em;max-width:34em;color:var(--ex-fg-2);margin:22px 0 0;font-size:clamp(16px,1.8vw,19px);font-weight:600;line-height:1.6}.nf-acts{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.nf-acts .ex-btn-out{background:#fff}.nf-acts .ex-btn-out:hover:not(:disabled){background:var(--ex-ink)}.nf-panel{border-radius:var(--ex-R);text-align:center;box-shadow:var(--ex-sh-4), 10px 10px 0 var(--ex-em);flex-direction:column;align-items:center;padding:clamp(32px,4vw,48px) 28px 30px;display:flex;transform:rotate(1.2deg)}.nf-ring{background:#10b98114;border:1.5px dashed #10b9818c;border-radius:999px;place-items:center;width:92px;height:92px;display:grid}.nf-compass{color:var(--ex-em);animation:nf-seek 6s var(--ex-ease) infinite;place-items:center;display:grid}.nf-compass svg{width:44px;height:44px}.nf-code{letter-spacing:-.07em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 0%,#ffffff8c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:18px;font-size:clamp(88px,12vw,148px);font-weight:900;line-height:.9}.nf-panel-note{color:#ffffffb8;margin:16px 0 0;font-size:13.5px;font-weight:700}.nf-next{padding:clamp(40px,6vw,64px) 0 clamp(56px,8vw,88px)}.nf-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ex-muted);margin:0 0 16px;font-size:11px;font-weight:900}.nf-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.nf-card{border:1.5px solid var(--ex-line);border-radius:var(--ex-r);box-shadow:var(--ex-sh-1);color:var(--ex-fg);transition:transform .3s var(--ex-ease), box-shadow .3s var(--ex-ease), border-color .3s var(--ex-ease);background:#fff;flex-direction:column;gap:14px;padding:20px;text-decoration:none;display:flex}.nf-card:hover{border-color:var(--ex-ink);box-shadow:5px 5px 0 var(--ex-em);transform:translate(-2px,-2px)}.nf-card:focus-visible{outline:2px solid var(--ex-em);outline-offset:3px}.nf-card-ic{border-radius:var(--ex-r-s);background:var(--ex-mint-2);width:42px;height:42px;color:var(--ex-em-d);border:1px solid var(--ex-em-b);place-items:center;display:grid}.nf-card-ic svg{width:20px;height:20px}.nf-card-body{flex-direction:column;gap:5px;display:flex}.nf-card-body b{letter-spacing:-.024em;font-size:15.5px;font-weight:850}.nf-card-body span{color:var(--ex-muted);font-size:13px;line-height:1.5}.nf-card-go{color:var(--ex-faint);transition:color .3s var(--ex-ease), transform .3s var(--ex-ease);margin-top:auto}.nf-card-go svg{width:16px;height:16px}.nf-card:hover .nf-card-go{color:var(--ex-em-d);transform:translate(4px)}@keyframes nf-pulse{0%{box-shadow:0 0 #10b98180}70%,to{box-shadow:0 0 0 9px #10b98100}}@keyframes nf-seek{0%,to{transform:rotate(-18deg)}35%{transform:rotate(28deg)}60%{transform:rotate(-6deg)}}@media (max-width:960px){.nf-grid{grid-template-columns:minmax(0,1fr)}.nf-panel{width:100%;max-width:440px;transform:none}.nf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.nf-wrap{padding:0 16px}.nf-cards{grid-template-columns:minmax(0,1fr)}.nf-card{flex-direction:row;align-items:center}.nf-card-go{margin-top:0;margin-left:auto}.nf-acts .ex-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.nf-dot,.nf-compass{animation:none}.nf-card:hover,.nf-card:hover .nf-card-go{transform:none}}
