html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
.nnLanding{--nn-space:clamp(24px, 5vw, 80px);background:#18181c;overflow:clip}.nnLanding button,.nnLanding a{-webkit-tap-highlight-color:transparent}.nnLanding button{cursor:pointer;font-family:inherit}.nnLanding :is(a,button,summary):focus-visible{outline:2px solid var(--selected-color);outline-offset:6px}.nnButton{background:var(--cyan);color:#18181c;border-radius:100px;justify-content:center;align-items:center;min-height:54px;padding:0 30px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.nnButton:hover{background:#baffdf;transform:translateY(-3px)}.nnEyebrow{font:500 10px/1.5 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.nnApps{padding:55px var(--nn-space) 70px;border-top:1px solid #ffffff1f}.nnApps>p{text-align:center;color:#797984;font:9px/1.5 var(--font-geist-mono), monospace;letter-spacing:.15em;margin:0 0 38px}.nnApps>div{justify-content:space-between;align-items:center;gap:22px;display:flex}.nnApps a{color:#c2c2cb;align-items:center;gap:10px;font-size:12px;transition:color .2s,transform .2s;display:flex}.nnApps a:hover{color:#fff;transform:translateY(-3px)}.nnApps img{object-fit:contain;width:27px;height:27px}.nnSectionTop{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:85px;display:flex}.nnSectionTop p{margin:0}.nnSectionTop>span{font:9px/1.5 var(--font-geist-mono), monospace;letter-spacing:.08em;opacity:.6}.nnPlayground{color:#18181c;padding:80px var(--nn-space) 120px;background:#cce9dd;scroll-margin-top:24px}.nnPlaygroundHeading{grid-template-columns:1.35fr .65fr;align-items:end;gap:100px;margin-bottom:70px;display:grid}.nnPlaygroundHeading h2{letter-spacing:-.06em;margin:0;font-size:clamp(44px,5.4vw,82px);font-weight:500;line-height:1.02}.nnPlaygroundHeading p{color:#4d655b;max-width:320px;margin:0 0 4px;font-size:15px;line-height:1.6}.nnWorkbench{max-width:1100px;margin:0 auto}.nnWorkbenchBar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.nnLanguageTabs{gap:5px;display:flex}.nnLanguageTabs button{color:#52665d;background:0 0;border:0;border-radius:50px;padding:11px 19px;font-size:12px;transition:color .2s,background .2s}.nnLanguageTabs button[aria-pressed=true]{color:#ecfff4;background:#213b30}.nnLanguageTabs button:hover{background:#213b3015}.nnLanguageTabs button[aria-pressed=true]:hover{background:#213b30}.nnToggle{color:#213b30;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0 8px 8px;font-size:12px;display:inline-flex}.nnToggle i{background:#8aa99a;border-radius:30px;width:37px;height:21px;padding:3px;transition:background .2s}.nnToggle i:after{content:"";background:#eafff4;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block}.nnToggle[aria-checked=true] i{background:#213b30}.nnToggle[aria-checked=true] i:after{transform:translate(16px)}.nnEditor{color:#dddde5;background:#18181c;border:1px solid #2c2c35;border-radius:12px;overflow:hidden;box-shadow:0 24px 45px #17362925}.nnEditorTitle{height:48px;font:10px/1 var(--font-geist-mono), monospace;color:#898995;background:#202026;border-bottom:1px solid #33333c;justify-content:space-between;align-items:center;gap:12px;padding:0 19px;display:flex}.nnWindowDots{gap:7px;display:flex}.nnWindowDots i{background:var(--red);border-radius:50%;width:8px;height:8px}.nnWindowDots i:nth-child(2){background:var(--yellow)}.nnWindowDots i:nth-child(3){background:var(--green)}.nnEditorTitleEnd{color:var(--cyan)}.nnEditorContent{grid-template-columns:190px minmax(0,1fr);min-height:365px;display:grid}.nnExplorer{font:10px/1.5 var(--font-geist-mono), monospace;color:#93939f;background:#151519;border-right:1px solid #2a2a32;padding:24px 0 70px;position:relative}.nnExplorer>span{letter-spacing:.07em;margin:0 20px 25px;font-size:8px;display:block}.nnExplorer>p{color:#c7c7d0;margin:0 16px 14px}.nnExplorer button{color:#8f8f9f;text-align:left;width:100%;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:10px 23px;display:flex}.nnExplorer button span{color:var(--blue);width:23px;font-size:9px}.nnExplorer button[aria-pressed=true]{color:#e0e0e8;background:#ffffff07}.nnExplorer button:nth-of-type(2) span{color:var(--yellow)}.nnExplorer button:nth-of-type(3) span{color:var(--pink)}.nnExplorerPalette{gap:4px;display:flex;position:absolute;bottom:24px;left:20px;right:20px}.nnExplorerPalette i{border-radius:1px;width:12px;height:5px}.nnCode{min-width:0;overflow:auto}.nnCodeCrumb{height:39px;font:10px/1 var(--font-geist-mono), monospace;color:#858592;border-bottom:1px solid #23232a;align-items:center;gap:15px;padding:0 28px;display:flex}.nnCodeCrumb span{color:#4a4a58}.nnCode ol{color:#565664;font:13px/2.05 var(--font-geist-mono), monospace;margin:22px 0 32px;padding-left:60px;animation:.25s both nnCodeIn}.nnCode li{white-space:nowrap;padding-left:20px}.nnCode code{color:#dfdfe5}.nnCode code span{transition:color .35s}.nnCode li:hover{background:#ffffff04}.nnEditorPlain .nnCode code span{color:#aaaab5}.nnEditorStatus{color:#93afa7;font:9px/1 var(--font-geist-mono), monospace;background:#21262b;border-top:1px solid #34343d;justify-content:space-between;align-items:center;padding:8px 15px;display:flex}.nnPlaygroundCaption{font:9px/1.6 var(--font-geist-mono), monospace;color:#587467;justify-content:space-between;gap:20px;margin-top:14px;display:flex}.nnFeatures{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:95px;display:grid}.nnFeatures article{border-top:1px solid #18181c35;padding-top:20px}.nnFeatures article.isActive{border-top-color:#18181c}.nnFeatures button{color:#18181c;text-align:left;background:0 0;border:0;width:100%;padding:0;position:relative}.nnFeatureNumber{text-transform:uppercase;font:9px/1.5 var(--font-geist-mono), monospace;letter-spacing:.08em;color:#527062;margin-bottom:16px;display:block}.nnFeatures strong{letter-spacing:-.04em;padding-right:18px;font-size:25px;font-weight:500;line-height:1.2;display:block}.nnFeaturePlus{font-size:20px;font-weight:300;position:absolute;bottom:0;right:0}.nnFeatures p{color:#486355;max-width:310px;margin:15px 0 0;font-size:14px;line-height:1.7}.nnPaletteSection{padding:100px var(--nn-space) 140px;scroll-margin-top:24px}.nnPaletteSection .nnSectionTop{color:#aaaab5}.nnPaletteIntro{justify-content:space-between;align-items:flex-end;gap:100px;margin-bottom:75px;display:flex}.nnPaletteIntro h2{letter-spacing:-.065em;margin:0;font-size:clamp(55px,7.5vw,110px);font-weight:500;line-height:.95}.nnPaletteIntro>p{color:#a4a4b3;max-width:340px;margin:0;font-size:16px;line-height:1.7}.nnPaletteKeys{gap:7px;height:285px;display:flex}.nnPaletteKeys button{background:var(--swatch-color);color:#18181c;text-align:left;border:0;border-radius:5px;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:20px;transition:flex .5s cubic-bezier(.2,.7,.2,1),transform .3s;display:flex;position:relative}.nnPaletteKeys button[aria-pressed=true]{flex:1.7;transform:translateY(-12px)}.nnPaletteKeys button:hover{transform:translateY(-12px)}.nnPaletteKeys button>span:first-child{font:11px/1.5 var(--font-geist-mono), monospace;opacity:.7}.nnPaletteKeys strong{letter-spacing:-.04em;max-width:110px;margin-top:auto;font-size:clamp(18px,2.1vw,32px);font-weight:600;line-height:1}.nnPaletteDetail{justify-content:space-between;align-items:center;gap:22px;min-height:65px;margin-top:32px;display:flex}.nnPaletteDetail>div{align-items:center;gap:16px;display:flex}.nnSelectedDot{background:var(--selected-color);border-radius:50%;width:10px;height:10px}.nnPaletteDetail h3{text-transform:capitalize;margin:0;font-size:17px;font-weight:500}.nnPaletteDetail p{color:#93939f;border-left:1px solid #44444f;padding-left:18px;font-size:12px}.nnCopyButton{color:#d9d9e2;background:0 0;border:1px solid #454550;border-radius:40px;align-items:center;gap:27px;padding:13px 18px;display:flex}.nnCopyButton code{color:var(--selected-color);font:12px/1 var(--font-geist-mono), monospace}.nnCopyButton>span{font-size:11px}.nnCopyButton:hover{border-color:var(--selected-color)}.nnCopyError{color:var(--selected-color);font-size:13px}.nnFaq{padding:140px var(--nn-space) 160px;border-top:1px solid #ffffff1f;grid-template-columns:1fr 1fr;gap:110px;display:grid}.nnFaqIntro .nnEyebrow{color:#8f8f9f;margin:0 0 25px}.nnFaqIntro h2{letter-spacing:-.05em;margin:0 0 27px;font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1.05}.nnFaqIntro>p:last-child{color:#a4a4b3;max-width:365px;font-size:15px;line-height:1.7}.nnFaq .faqList summary{padding-block:29px;font-size:15px;font-weight:500}.nnFaq .faqList p{font-size:13px}.nnFinal{background:var(--ink);color:#f7f7f5;text-align:center;padding:60px var(--nn-space) 140px;border-top:1px solid #ffffff1f;position:relative}.nnFinalTop{color:#9696a3;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:100px;display:flex}.nnFinalTop>span{font:9px/1.5 var(--font-geist-mono), monospace}.nnFinal h2{letter-spacing:-.065em;margin:0 0 40px;font-size:clamp(55px,6.7vw,100px);font-weight:600;line-height:1.06}.nnFinal h2>span{color:#b7b7c1}.nnFinal .nnButton{background:var(--cyan);color:#18181c;min-width:170px}.nnFinal .nnButton:hover{background:#baffdf}@keyframes nnCodeIn{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1800px){.nnLanding{--nn-space:max(80px, calc((100vw - 1600px) / 2))}}@media (max-width:1050px){.nnApps a{text-align:center;flex-direction:column;gap:12px;font-size:10px}.nnPlaygroundHeading{gap:35px}.nnEditorContent{grid-template-columns:155px minmax(0,1fr)}.nnExplorer button{gap:6px;padding-inline:15px}.nnCode ol{padding-left:45px;font-size:12px}.nnPaletteKeys{height:245px}.nnPaletteKeys button{padding:16px 12px}.nnPaletteDetail>div{gap:10px}.nnPaletteDetail p{padding-left:10px;font-size:11px}.nnFaq{gap:45px}.nnFeatures strong{font-size:22px}}@media (max-width:700px){.nnLanding{--nn-space:22px}.nnApps{padding-block:40px 50px}.nnApps>p{margin-bottom:23px;font-size:8px}.nnApps>div{grid-template-columns:repeat(4,1fr);gap:24px 10px;display:grid}.nnApps a{font-size:9px}.nnApps img{width:25px;height:25px}.nnPlayground{padding-top:55px;padding-bottom:75px}.nnSectionTop{margin-bottom:50px}.nnSectionTop>span{display:none}.nnEyebrow{font-size:8px}.nnPlaygroundHeading{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.nnPlaygroundHeading h2{font-size:43px}.nnPlaygroundHeading p{max-width:360px;font-size:14px}.nnLanguageTabs{gap:0}.nnLanguageTabs button{padding:9px 11px;font-size:10px}.nnToggle{gap:6px;font-size:10px}.nnToggle i{width:32px;height:18px;padding:3px}.nnToggle i:after{width:12px;height:12px}.nnToggle[aria-checked=true] i:after{transform:translate(14px)}.nnWorkbenchBar{gap:4px}.nnEditor{border-radius:8px}.nnEditorContent{grid-template-columns:1fr;min-height:305px}.nnExplorer{display:none}.nnEditorTitle{height:40px;padding-inline:12px;font-size:8px}.nnWindowDots{gap:5px}.nnWindowDots i{width:6px;height:6px}.nnCodeCrumb{height:32px;padding-left:17px;font-size:8px}.nnCode ol{margin-top:19px;padding-left:33px;font-size:10px;line-height:2.1}.nnCode li{padding-left:9px}.nnEditorStatus{padding-inline:10px;font-size:7px}.nnEditorStatus>span:last-child{white-space:nowrap;max-width:175px;overflow:hidden}.nnPlaygroundCaption{font-size:8px}.nnPlaygroundCaption>span{display:none}.nnFeatures{grid-template-columns:1fr;gap:32px;margin-top:55px}.nnFeatures article{padding-top:16px}.nnFeatureNumber{margin-bottom:10px}.nnFeatures strong{font-size:26px}.nnFeatures p{max-width:none;font-size:13px}.nnPaletteSection{padding-top:60px;padding-bottom:80px}.nnPaletteIntro{margin-bottom:50px;display:block}.nnPaletteIntro h2{font-size:65px}.nnPaletteIntro>p{max-width:330px;margin-top:25px;font-size:14px}.nnPaletteKeys{gap:4px;height:200px}.nnPaletteKeys button{border-radius:3px;align-items:center;padding:12px 0}.nnPaletteKeys button>span:first-child{font-size:9px}.nnPaletteKeys strong{writing-mode:vertical-rl;white-space:nowrap;letter-spacing:-.03em;margin-top:auto;padding-top:0;font-size:15px;line-height:1;transform:rotate(180deg)}.nnPaletteKeys button[aria-pressed=true]{flex:1.4;transform:translateY(-8px)}.nnPaletteDetail{flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}.nnPaletteDetail h3{font-size:16px}.nnPaletteDetail p{font-size:10px}.nnCopyButton{justify-content:space-between;width:100%;padding:12px 17px}.nnCopyButton code{font-size:11px}.nnFaq{grid-template-columns:1fr;gap:45px;padding-top:75px;padding-bottom:90px}.nnFaqIntro h2{margin-bottom:18px;font-size:42px}.nnFaqIntro>p:last-child{font-size:14px}.nnFaq .faqList summary{padding-block:21px;font-size:14px}.nnFinal{padding-top:40px;padding-bottom:90px}.nnFinalTop{margin-bottom:65px}.nnFinalTop>span{font-size:8px}.nnFinal h2{margin-bottom:35px;font-size:clamp(42px,10vw,68px)}.nnFinal .nnButton{min-height:53px;font-size:13px}}@media (prefers-reduced-motion:reduce){.nnLanding *,.nnLanding :before,.nnLanding :after{transition:none!important;animation:none!important}}.nnPlayground :is(a,button):focus-visible{outline-color:#213b30}.nnFinal a:focus-visible{outline-color:var(--cyan)}.nnLanding{position:relative}.nnFocusNav{z-index:2;letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:28px;min-height:108px;padding:25px clamp(24px,3.5vw,64px);font-size:20px;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.nnFocusBrand{white-space:nowrap}.nnFocusNav>div{align-items:center;gap:9px;display:flex}.nnFocusNav a{transition:color .2s}.nnFocusNav a:hover{color:var(--cyan)}.nnFocusHero{background:var(--ink);place-items:center;min-height:max(560px,100svh);padding:100px 24px;display:grid;position:relative}.nnFilterDefinitions{pointer-events:none;position:absolute}.nnWordmark{letter-spacing:-.048em;white-space:nowrap;width:max-content;max-width:100%;margin:0;font-size:clamp(52px,8.7vw,168px);font-weight:600;line-height:1.22;position:relative}.nnWordmarkInk,.nnWordmarkGrain{color:#0000;background:linear-gradient(100deg, var(--red) 0%, var(--yellow) 16%, var(--green) 33%, var(--cyan) 46%, var(--blue) 65%, var(--violet) 82%, var(--pink) 100%);-webkit-background-clip:text;background-clip:text;display:block}.nnWordmarkInk{animation:2.6s cubic-bezier(.2,.6,.25,1) .12s both nnComeIntoFocus}.nnWordmarkGrain{pointer-events:none;opacity:0;filter:url(#neon-wordmark-fuzz)blur(3px);animation:2.6s ease-out .12s both nnGrainDissolve;position:absolute;inset:0}.nnFocusScroll{color:#8d8d99;border-radius:50%;place-items:center;width:44px;height:44px;font-size:21px;animation:.7s 2.3s both nnScrollAppear;display:grid;position:absolute;bottom:27px;left:calc(50% - 22px)}.nnFocusScroll:hover{color:var(--cyan)}.nnIntroduction{padding:150px var(--nn-space) 130px;border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;align-items:center;gap:110px;scroll-margin-top:25px;display:grid}.nnIntroduction .nnEyebrow{color:#a4a4b3;margin:0 0 23px}.nnIntroduction h2{letter-spacing:-.06em;margin:0;font-size:clamp(45px,5.2vw,80px);font-weight:500;line-height:1.05}.nnIntroDescription{color:#b4b4bf;max-width:450px;margin:0 0 36px;font-size:17px;line-height:1.65}.nnIntroActions{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.nnIntroActions>a:last-child{border-bottom:1px solid #62626e;padding-block:10px;font-size:13px}.nnIntroActions>a:last-child:hover{color:var(--cyan)}.nnIntroNote{color:#858591;margin:23px 0 0;font-size:11px}@keyframes nnComeIntoFocus{0%{filter:blur(18px);opacity:.32;transform:scale(1.025)}35%{filter:blur(8px);opacity:.8}to{filter:blur();opacity:1;transform:scale(1)}}@keyframes nnGrainDissolve{0%,20%{opacity:.85;transform:scale(1.025)}65%{opacity:.3}to{opacity:0;transform:scale(1)}}@keyframes nnScrollAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.nnFocusNav{gap:20px;min-height:84px;padding:22px;font-size:15px}.nnFocusNav>div{gap:9px}.nnFocusHero{min-height:max(480px,100svh);padding-inline:20px}.nnWordmark{letter-spacing:-.055em;font-size:clamp(43px,10.5vw,73px)}.nnFocusScroll{bottom:20px}.nnIntroduction{grid-template-columns:1fr;gap:35px;padding-block:90px}.nnIntroduction h2{font-size:44px}.nnIntroDescription{font-size:15px}.nnIntroActions{gap:20px}.nnIntroActions .nnButton{min-height:52px;padding-inline:22px;font-size:13px}.nnIntroActions>a:last-child{font-size:12px}}@media (prefers-reduced-motion:reduce){.nnWordmarkInk{filter:none;opacity:1;transform:none}.nnWordmarkGrain{display:none}.nnFocusScroll{opacity:1;transform:none}}.nnGitHubButton,.nnInstallButton{color:#fff;background:#29292f;border-radius:999px;justify-content:center;align-items:center;height:36px;transition:background .2s,color .2s;display:inline-flex}.nnGitHubButton{flex-shrink:0;width:36px}.nnGitHubButton svg{width:16px;height:16px}.nnInstallButton{letter-spacing:-.015em;gap:15px;padding:0 17px;font-size:13px;font-weight:500}.nnInstallButton>span{font-size:16px}.nnFocusNav :is(.nnGitHubButton,.nnInstallButton):hover{color:#fff;background:#3a3a43}.nnScrollCaret{animation:1.9s ease-in-out 3s infinite nnCaretBounce}@keyframes nnCaretBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}.nnWordmarkGroup{width:max-content;max-width:100%;position:relative}.nnWordmarkCredit{color:#a4a4b3;font:500 10px/1.5 var(--font-geist-mono), monospace;letter-spacing:.16em;white-space:nowrap;margin:12px 0 0;animation:.7s 2.8s both nnCreditAppear;position:absolute;top:calc(100% - 12px);left:.045em}@keyframes nnCreditAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.nnWordmarkCredit{margin-top:9px;font-size:8px}}.nnFocusBrand{justify-content:center;align-items:center;display:inline-flex}.nnFocusBrand img{object-fit:contain;width:40px;height:40px;display:block}@media (max-width:700px){.nnFocusBrand img{width:34px;height:34px}}
html.lenis{scroll-behavior:auto}.nnLanding{--motion-ease:cubic-bezier(.22, 1, .36, 1)}.nnRevealWord{display:inline-block}.nnFinal h2>.nnRevealWord{color:inherit}.nnFinal h2>.nnFinalMuted{color:#b7b7c1}.nnFeatureBody{opacity:0;transition:grid-template-rows .45s var(--motion-ease), opacity .3s;grid-template-rows:0fr;display:grid}.nnFeatureBody>div{overflow:hidden}.nnFeatures .isActive .nnFeatureBody{opacity:1;grid-template-rows:1fr}.nnFeatureBody p{padding-bottom:2px}.nnFeaturePlus{transition:rotate .35s var(--motion-ease)}.nnFeatures article:not(.isActive) .nnFeaturePlus{rotate:90deg}.nnFeatures article{transition:border-color .3s}.nnPaletteReadout{animation:nnDetailIn .35s var(--motion-ease) both}.nnSelectedDot{box-shadow:0 0 18px color-mix(in srgb, var(--selected-color), transparent 70%);transition:background .3s,box-shadow .3s}.nnCopyButton code{transition:color .25s}@media (prefers-reduced-motion:no-preference){.nnLanding[data-motion] [data-reveal=rise]{transition:opacity .8s var(--motion-ease) var(--reveal-delay,0s), translate .9s var(--motion-ease) var(--reveal-delay,0s), filter .75s var(--motion-ease) var(--reveal-delay,0s), transform .45s var(--motion-ease), background .25s, color .25s, border-color .3s, box-shadow .4s}.nnLanding [data-reveal=rise][data-reveal-state=pending]{opacity:0;filter:blur(3px);translate:0 28px}.nnLanding [data-reveal=rise][data-reveal-state=visible]{opacity:1;filter:blur();translate:0}.nnLanding [data-reveal=words] .nnRevealWord{transition:opacity .7s var(--motion-ease) var(--word-delay), translate .9s var(--motion-ease) var(--word-delay), filter .85s var(--motion-ease) var(--word-delay)}.nnLanding [data-reveal=words][data-reveal-state=pending] .nnRevealWord{opacity:0;filter:blur(7px);translate:0 .4em}.nnLanding [data-reveal=words][data-reveal-state=visible] .nnRevealWord{opacity:1;filter:blur();translate:0}.nnLanding[data-motion] .nnWordmarkGroup{transform:translateY(var(--hero-drift,0px)) scale(var(--hero-scale,1));opacity:var(--hero-opacity,1)}.nnLanding[data-motion] .nnWorkbench{transform:perspective(1200px) rotateX(var(--editor-tilt,0deg)) scale(var(--editor-scale,1));transform-origin:top}.nnLanding .nnButton{transition:transform .4s var(--motion-ease), background .25s, box-shadow .4s}.nnLanding .nnButton:hover{transform:translateY(-3px);box-shadow:0 8px 28px #62feca16}.nnLanding .nnButton:active{transform:translateY(0)scale(.97)}.nnFocusNav :is(.nnGitHubButton,.nnInstallButton){transition:background .25s, transform .35s var(--motion-ease)}.nnFocusNav :is(.nnGitHubButton,.nnInstallButton):hover{transform:translateY(-2px)}.nnApps a img{transition:transform .45s var(--motion-ease)}.nnApps a:hover img{transform:translateY(-3px)rotate(-5deg)}.nnLanding[data-motion] .nnPaletteKeys button{transition:flex .65s var(--motion-ease), transform .45s var(--motion-ease), opacity .8s var(--motion-ease) var(--reveal-delay), translate .9s var(--motion-ease) var(--reveal-delay), filter .75s var(--motion-ease) var(--reveal-delay)}.nnCode ol{animation:nnCodeIn .4s var(--motion-ease) both}.nnCode li{animation:nnCodeLineIn .4s var(--motion-ease) both}.nnCode li:nth-child(3n+2){animation-delay:35ms}.nnCode li:nth-child(3n){animation-delay:70ms}.nnFaq details::details-content{interpolate-size:allow-keywords;opacity:0;height:0;transition:height .45s var(--motion-ease), opacity .3s, content-visibility .45s allow-discrete;overflow:clip}.nnFaq details[open]::details-content{opacity:1;height:auto}.nnFaq summary:after{transition:rotate .35s var(--motion-ease)}.nnFaq details[open] summary:after{rotate:180deg}.nnFaq summary{transition:color .2s}.nnFaq summary:hover{color:var(--cyan)}.nnLanding .siteFooterStar{transition:rotate .6s var(--motion-ease)}.nnLanding .siteFooterBrand:hover .siteFooterStar{rotate:90deg}}@keyframes nnDetailIn{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes nnCodeLineIn{0%{opacity:.3;translate:0 3px}to{opacity:1;translate:0}}@media (max-width:700px){.nnLanding[data-motion] .nnWorkbench{transform:none}}@media (prefers-reduced-motion:reduce){.nnLanding [data-reveal],.nnLanding .nnRevealWord{opacity:1!important;filter:none!important;translate:none!important}.nnLanding .nnWordmarkGroup,.nnLanding .nnWorkbench{opacity:1!important;transform:none!important}}