:root{--bg:#07070b;--bg-elev:#ffffff07;--bg-elev-hover:#ffffff0e;--text:#ecebf2;--text-soft:#a5a3b4;--text-faint:#6e6c7e;--line:#ffffff17;--line-strong:#ffffff29;--accent-1:#7dd3fc;--accent-2:#a78bfa;--accent-3:#f0abfc;--accent-ink:#c4b5fd;--glow-1:#7dd3fc61;--glow-2:#a78bfa5c;--glow-3:#f0abfc42;--grain:.045;--ring:#a78bfa8c;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw:1120px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f5f2;--bg-elev:#14102807;--bg-elev-hover:#1410280d;--text:#16141f;--text-soft:#5a5666;--text-faint:#8e8a9b;--line:#1410281a;--line-strong:#14102833;--accent-1:#0284c7;--accent-2:#7c3aed;--accent-3:#c026d3;--accent-ink:#6d28d9;--glow-1:#0284c729;--glow-2:#7c3aed26;--glow-3:#c026d31f;--grain:.03;--ring:#7c3aed80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s var(--ease), color .5s var(--ease);margin:0;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent-2);color:#fff}:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}.shell{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:28px}@media (width<=640px){.wrap{padding-inline:20px}}.mono{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:500}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__orb{filter:blur(90px);opacity:.9;will-change:transform;border-radius:50%;position:absolute}.backdrop__orb--a{background:radial-gradient(circle, var(--glow-1), transparent 68%);width:46vw;min-width:380px;height:46vw;min-height:380px;animation:drift-a 26s var(--ease) infinite alternate;top:-14vw;left:-8vw}.backdrop__orb--b{background:radial-gradient(circle, var(--glow-2), transparent 68%);width:42vw;min-width:340px;height:42vw;min-height:340px;animation:drift-b 32s var(--ease) infinite alternate;top:4vw;right:-10vw}.backdrop__orb--c{background:radial-gradient(circle, var(--glow-3), transparent 70%);width:52vw;min-width:400px;height:52vw;min-height:400px;animation:drift-c 38s var(--ease) infinite alternate;bottom:-22vw;left:26vw}@keyframes drift-a{to{transform:translate(9vw,7vw)scale(1.15)}}@keyframes drift-b{to{transform:translate(-11vw,9vw)scale(1.1)}}@keyframes drift-c{to{transform:translate(-8vw,-9vw)scale(1.18)}}.backdrop__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:72px 72px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 10%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 10%,#0000 78%)}.backdrop__grain{opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(6,end) infinite grain;position:absolute;inset:-200%}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,-2%)}80%{transform:translate(4%,2%)}}.header{z-index:20;-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 72%, transparent);transition:border-color .4s var(--ease), padding .4s var(--ease);border-bottom:1px solid #0000;padding-block:22px;position:sticky;top:0}.header[data-stuck=true]{border-bottom-color:var(--line);padding-block:14px}.header__inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:baseline;gap:.62em;font-size:17px;display:inline-flex}.brand__word{font-family:var(--font-sans);letter-spacing:.34em;text-transform:uppercase;transition:color .4s var(--ease);margin-right:-.34em;font-size:1em;font-weight:600}.brand__word--accent{background:linear-gradient(100deg, var(--accent-1), var(--accent-2) 50%, var(--accent-3));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite sheen}@media (width<=420px){.brand{font-size:15px}}.header__right{align-items:center;gap:18px;display:flex}.header__status{display:none}@media (width>=720px){.header__status{display:inline-flex}}.toggle{border:1px solid var(--line-strong);background:var(--bg-elev);width:58px;height:30px;transition:background .3s var(--ease), border-color .3s var(--ease);border-radius:999px;flex:none;position:relative}.toggle:hover{background:var(--bg-elev-hover)}.toggle__thumb{background:linear-gradient(140deg, var(--accent-1), var(--accent-2));color:#07070b;width:22px;height:22px;transition:transform .44s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px}:root[data-theme=light] .toggle__thumb{transform:translate(28px)}.toggle__thumb svg{width:13px;height:13px}.main{flex:1}.hero{padding-block:clamp(72px,14vh,140px) clamp(64px,10vh,112px)}.pill{border:1px solid var(--line-strong);background:var(--bg-elev);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill__dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;position:relative}.pill__dot:after{content:"";border:1px solid var(--accent-2);animation:ping 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes ping{0%{opacity:.9;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.9)}}.hero__title{font-family:var(--font-serif);letter-spacing:-.03em;margin-top:28px;font-size:clamp(3rem,9.5vw,7.2rem);line-height:.96}.hero__title em{background:linear-gradient(100deg, var(--accent-1), var(--accent-2) 45%, var(--accent-3));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:9s ease-in-out infinite sheen}@keyframes sheen{0%,to{background-position:0%}50%{background-position:100%}}.hero__lede{max-width:56ch;color:var(--text-soft);margin-top:26px;font-size:clamp(1rem,1.6vw,1.175rem);font-weight:300;line-height:1.65}.hero__lede strong{color:var(--text);font-weight:500}.hero__meta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:40px;display:flex}.hero__rule{background:linear-gradient(90deg, var(--line-strong), transparent);border:0;flex:1;min-width:80px;max-width:420px;height:1px;margin:0}.packages{padding-bottom:clamp(64px,10vh,100px)}.pkg-section{padding-top:clamp(48px,7vh,72px)}.pkg-section__head{align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.pkg-section__label{white-space:nowrap}.pkg-section__note{color:var(--text-faint);max-width:36ch;margin-top:6px;font-size:.875rem;font-weight:300}.pkg-section__line{background:var(--line);flex:1;min-width:40px;height:1px;margin-top:9px}.pkg-grid{grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:14px;display:grid}.pkg-card{border:1px solid var(--line);background:var(--bg-elev);isolation:isolate;color:inherit;cursor:pointer;transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:16px;flex-direction:column;gap:14px;padding:22px 22px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pkg-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,10%), var(--card-glow,var(--glow-2)), transparent 65%);transition:opacity .4s var(--ease);position:absolute;inset:0}.pkg-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 40px -12px #00000059}.pkg-card:hover:before{opacity:1}.pkg-card[data-color=violet]{--card-glow:var(--glow-2)}.pkg-card[data-color=cyan]{--card-glow:var(--glow-1)}.pkg-card[data-color=amber]{--card-glow:#fbbf242e}.pkg-card[data-color=blue]{--card-glow:#3b82f633}.pkg-card[data-color=pink]{--card-glow:var(--glow-3)}.pkg-card[data-color=green]{--card-glow:#22c55e2e}.pkg-card[data-color=orange]{--card-glow:#f973162e}.pkg-card__top{align-items:center;gap:13px;display:flex}.pkg-avatar{border:1px solid var(--line-strong);object-fit:cover;background:var(--bg);width:44px;height:44px;transition:border-color .3s var(--ease);border-radius:11px;flex:none}.pkg-avatar--fallback{font-family:var(--font-sans);background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;text-transform:uppercase;place-items:center;font-size:18px;font-weight:600;display:grid}.pkg-card:hover .pkg-avatar{border-color:#0000}.pkg-card__ident{flex-direction:column;gap:3px;min-width:0;display:flex}.pkg-card__npm{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent-ink);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.pkg-card__name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.pkg-card__desc{color:var(--text-soft);flex:1;font-size:.875rem;font-weight:300;line-height:1.6}.pkg-card__repo{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;transition:color .3s var(--ease);align-items:center;gap:6px;margin-top:2px;font-size:10.5px;display:inline-flex;overflow:hidden}.pkg-card:hover .pkg-card__repo{color:var(--accent-ink)}.pkg-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.55;transition:opacity .3s var(--ease);border:1px solid;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:500;position:absolute;top:16px;right:16px}.pkg-card:hover .pkg-badge{opacity:.85}.pkg-badge[data-color=violet]{color:var(--accent-2)}.pkg-badge[data-color=cyan]{color:var(--accent-1)}.pkg-badge[data-color=amber]{color:#f59e0b}.pkg-badge[data-color=blue]{color:#60a5fa}.pkg-badge[data-color=pink]{color:var(--accent-3)}.pkg-badge[data-color=green]{color:#4ade80}.pkg-badge[data-color=orange]{color:#fb923c}:root[data-theme=light] .pkg-badge[data-color=amber]{color:#b45309}:root[data-theme=light] .pkg-badge[data-color=blue]{color:#2563eb}:root[data-theme=light] .pkg-badge[data-color=green]{color:#16a34a}:root[data-theme=light] .pkg-badge[data-color=orange]{color:#ea580c}@media (width<=560px){.pkg-grid{grid-template-columns:1fr}}.marquee{border-block:1px solid var(--line);padding-block:26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__track{width:max-content;animation:42s linear infinite slide;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.marquee__item{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;align-items:center;gap:30px;padding-inline:15px;font-size:12px;display:inline-flex}.marquee__item:after{content:"";background:var(--accent-2);opacity:.6;border-radius:50%;width:4px;height:4px}.footer{border-top:1px solid var(--line);padding-block:34px 40px}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer__link{color:var(--text-faint);transition:color .25s var(--ease)}.footer__link:hover{color:var(--accent-ink)}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(18px)}.reveal[data-shown=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}