:root{--logo-fill: #000000;--logo-text: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(120% 120% at 50% 32%,#fff,#f1f1f3 55%,#e4e4e8);color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.stage{height:100svh;display:grid;place-items:center;padding:6vmin}.brand{position:fixed;top:30px;left:34px;z-index:5;display:flex;flex-direction:column;gap:9px;animation:fade-in .8s ease .6s backwards}.brand__logo{width:58px;height:auto;display:block}.brand__mail{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:.02em;color:#6a6a72;text-decoration:none;transition:color .25s ease}.mail-ico{width:19px;height:auto;flex:none;overflow:visible;transition:transform .4s cubic-bezier(.16,1,.3,1)}.env-body{fill:currentColor}.env-flap{fill:currentColor;opacity:.5;transform-box:fill-box;transform-origin:50% 0%;transition:transform .42s cubic-bezier(.5,1.5,.5,1),opacity .3s ease}.mail-text{position:relative}.mail-text:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.brand__mail:hover,.brand__mail:focus-visible{color:#18b89f;outline:none}.brand__mail:hover .mail-text:after,.brand__mail:focus-visible .mail-text:after{transform:scaleX(1)}.brand__mail:hover .env-flap,.brand__mail:focus-visible .env-flap{transform:scaleY(-1);opacity:.78}.brand__mail:hover .mail-ico,.brand__mail:focus-visible .mail-ico{transform:translateY(-1px)}.logo-wrap{perspective:1400px}.hero-logo{width:min(72vw,620px);height:auto;display:block;overflow:visible;filter:drop-shadow(0 30px 60px rgba(0,0,0,.28));animation:float 6s ease-in-out 2s infinite}.facet{cursor:pointer;outline:none}.facet polygon{fill:var(--logo-fill);stroke:#ededf0;stroke-width:1.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 50%;transition:transform .28s cubic-bezier(.16,1,.3,1),fill .28s ease,filter .28s ease;animation:pop .7s cubic-bezier(.2,1.4,.4,1) backwards;animation-delay:calc(.12s * var(--i) + .1s)}.nf-text{pointer-events:none;opacity:1;transition:opacity .2s ease;animation:fade-in .6s ease .95s backwards}.facet--nf:hover~.nf-text,.facet--nf:focus-visible~.nf-text{opacity:0}.facet-label{pointer-events:none;opacity:0;transform-box:fill-box;transform-origin:50% 50%;transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1)}.facet:hover .facet-label,.facet:focus-visible .facet-label{opacity:1;transform:translateY(-10px) scale(1.04)}.facet-badge{pointer-events:none;opacity:0;transform-box:fill-box;transform-origin:50% 50%;transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1)}.facet:hover .facet-badge,.facet:focus-visible .facet-badge{opacity:1;transform:translateY(-10px) scale(1.04)}.facet--locked{cursor:not-allowed}.facet--shake polygon{animation:facet-shake .4s ease}@keyframes facet-shake{0%,to{transform:translateY(-10px) translate(0) scale(1.04)}20%{transform:translateY(-10px) translate(-6px) scale(1.04)}40%{transform:translateY(-10px) translate(5px) scale(1.04)}60%{transform:translateY(-10px) translate(-3px) scale(1.04)}80%{transform:translateY(-10px) translate(2px) scale(1.04)}}.nf-logo:hover .facet:not(:hover) polygon,.nf-logo:focus-within .facet:not(:focus-within) polygon{opacity:.45}.facet:hover polygon,.facet:focus-visible polygon{transform:translateY(-10px) scale(1.04);fill:#18181b;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}@keyframes pop{0%{opacity:0;transform:scale(.2) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.panel{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:6vmin;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .8s}.panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s}.panel__backdrop{position:absolute;inset:0;border:none;cursor:pointer;background:#f5f5f799;backdrop-filter:blur(2px) saturate(120%);-webkit-backdrop-filter:blur(2px) saturate(120%);transition:backdrop-filter .45s ease}.panel.is-open .panel__backdrop{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.panel__card{position:relative;width:min(880px,100%);min-height:580px;color:#fff;background:#0a0a0b;border-radius:4px;overflow:hidden;transform-origin:center;filter:drop-shadow(0 40px 90px rgba(0,0,0,.35))}.panel.is-open .panel__card{animation:crt-on .7s cubic-bezier(.2,.8,.2,1) both}@keyframes crt-on{0%{transform:scaleY(.006);opacity:0}14%{opacity:1}42%{transform:scaleY(.006)}to{transform:scaleY(1)}}.panel__crt{position:absolute;top:50%;left:50%;width:min(880px,100%);height:2px;transform:translate(-50%,-50%) scaleX(0);background:#fff;box-shadow:0 0 18px 1px #ffffffb3;opacity:0;z-index:7;pointer-events:none}.panel.is-open .panel__crt{animation:crt-line .7s ease both}@keyframes crt-line{0%{transform:translate(-50%,-50%) scaleX(0);opacity:0}10%{opacity:1}34%{transform:translate(-50%,-50%) scaleX(1);opacity:1}55%{opacity:.7}to{transform:translate(-50%,-50%) scaleX(1);opacity:0}}.panel__grid{display:none}.panel__content{position:relative;z-index:1;padding:clamp(28px,5vw,48px);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.panel.is-open .panel__content{opacity:1;transform:none;transition:opacity .4s ease .62s,transform .4s ease .62s}.panel__cardlogo{position:absolute;left:6%;top:7%;width:17%;height:auto;z-index:2;opacity:0;transform:translate(0);pointer-events:none}.panel--flash.is-open .panel__cardlogo{animation:logo-morph 1.5s cubic-bezier(.65,0,.2,1) .6s both}.panel__badge{position:absolute;top:44px;left:25%;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;color:#e3e3e8;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none}.panel__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#18b89f;box-shadow:0 0 #18b89f8c;animation:badge-pulse 1.9s ease-out infinite}.panel--flash.is-open .panel__badge{animation:fade-in .5s ease 2.1s both}@keyframes badge-pulse{0%{box-shadow:0 0 #18b89f8c}70%{box-shadow:0 0 0 6px #18b89f00}to{box-shadow:0 0 #18b89f00}}@keyframes logo-morph{0%{opacity:0;left:50%;top:50%;width:62%;transform:translate(-50%,-50%)}16%{opacity:1;left:50%;top:50%;width:62%;transform:translate(-50%,-50%)}48%{opacity:1;left:50%;top:50%;width:62%;transform:translate(-50%,-50%)}to{opacity:1;left:6%;top:7%;width:17%;transform:translate(0)}}.panel--flash .panel__content{padding-top:122px}.panel--flash.is-open .panel__content{transition:opacity .4s ease 1.9s,transform .4s ease 1.9s}.panel__tag{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a92;margin-bottom:10px}.panel__title{font-size:clamp(34px,6vw,52px);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin-bottom:18px}.panel__body{font-size:clamp(16px,1.8vw,18px);line-height:1.6;color:#c9c9d0}.panel__desc{max-width:60ch;font-size:clamp(15px,1.6vw,17px);line-height:1.65;color:#c9c9d0;margin-bottom:26px}.panel__features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px 30px;max-width:680px;margin-bottom:30px}.panel__features li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:#b4b4bd}.panel__features li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:1px;background:#f59022}.panel__repo{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.28);transition:color .2s ease,border-color .2s ease}.panel__repo:hover{color:#f59022;border-color:#f59022}@media(max-width:560px){.panel__features{grid-template-columns:1fr}}.terminal{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(22px,3vw,34px);padding-top:56px;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:14.5px;line-height:1.65}.terminal__output{flex:1;overflow-y:auto;color:#c7c7cf;white-space:pre-wrap;word-break:break-word}.terminal__output::-webkit-scrollbar{width:8px}.terminal__output::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.term-line{margin:0}.term-muted{color:#6b6b75}.term-accent{color:#5ad1c0}.term-cmd,.term-echo{color:#fff}.term-err{color:#e98c8c}.term-link{color:#5ad1c0;text-decoration:none;border-bottom:1px solid rgba(90,209,192,.4)}.term-link:hover{border-bottom-color:#5ad1c0}.terminal__form{display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}.terminal__prompt{color:#fff;white-space:nowrap;user-select:none}.terminal__input{flex:1;min-width:0;background:none;border:none;outline:none;color:#fff;font:inherit;caret-color:#5ad1c0}.panel__close{position:absolute;top:16px;right:20px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:none;cursor:pointer;border-radius:50%;font-size:26px;line-height:1;text-decoration:none;color:#b9b9c0;background:#ffffff0f;transition:background .2s ease,color .2s ease}.panel__close:hover{background:#ffffff24;color:#fff}@media(max-width:720px){body{overflow:hidden}.stage{min-height:100svh;height:100svh;padding:96px 22px 36px}.brand{top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right));gap:7px}.brand__logo{width:46px}.brand__mail{font-size:12px;gap:7px;max-width:100%}.mail-ico{width:17px}.hero-logo{width:min(86vw,430px);filter:drop-shadow(0 22px 42px rgba(0,0,0,.24))}.facet polygon{stroke-width:2.2}.panel{align-items:stretch;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.panel__card{width:100%;min-height:0;height:100%;max-height:calc(100svh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;filter:drop-shadow(0 26px 54px rgba(0,0,0,.34))}.panel__crt{width:calc(100% - 24px)}.panel__close{top:12px;right:12px;width:42px;height:42px;font-size:28px;background:#ffffff1a}.panel__content{padding:78px 22px 26px}.panel--flash .panel__content{padding-top:112px}.panel__cardlogo{left:22px;top:24px;width:min(30%,118px)}.panel__tag{font-size:11px;line-height:1.45;letter-spacing:.1em}.panel__desc{max-width:none;font-size:14.5px;line-height:1.55;margin-bottom:22px}.panel__body{font-size:15px;line-height:1.55}.panel__features{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.panel__features li{font-size:13.5px;line-height:1.45}.panel__repo{max-width:100%;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.panel--terminal .panel__card{overflow:hidden}.terminal{padding:62px 16px 16px;font-size:13px;line-height:1.55}.terminal__form{align-items:flex-start;gap:7px}.terminal__prompt{font-size:12px;padding-top:1px}}@media(max-width:380px){.mail-text{display:none}.stage{padding-left:16px;padding-right:16px}.hero-logo{width:92vw}.panel__content{padding-left:18px;padding-right:18px}.terminal{font-size:12.5px}}@media(max-height:640px)and (max-width:720px){.stage{padding-top:78px;padding-bottom:20px}.brand__logo{width:40px}.brand__mail{font-size:11px}}@media(prefers-reduced-motion:reduce){.logo-wrap,.hero-logo,.facet polygon,.facet-label,.nf-text,.panel__card,.panel__content,.panel__cardlogo{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.panel.is-open .panel__crt{animation:none!important;opacity:0!important}.panel--flash.is-open .panel__badge{animation:none!important;opacity:1!important}.panel__badge:before{animation:none!important}}