:root{--void: #0a0a0b;--panel: #131315;--panel-2: #1a1a1d;--line: rgba(244, 242, 237, .09);--fg: #f4f2ed;--mute: #93918b;--accent: #9acc65;--accent-2: #b6d668;--accent-dim: rgba(154, 204, 101, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--void);color:var(--fg);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--void)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}select,button{font-family:inherit}select option{background:var(--panel-2);color:var(--fg)}.btn-accent{transition:background .3s ease,color .3s ease}.btn-accent:hover{background:var(--accent-2)}.opt-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.opt-scroll::-webkit-scrollbar{width:8px}.opt-scroll::-webkit-scrollbar-thumb{background:#f4f2ed24;border-radius:4px}.opt-scroll::-webkit-scrollbar-thumb:hover{background:#f4f2ed3d}.mnav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:background-color .5s ease,border-color .5s ease}.mnav-scrolled{border-bottom-color:var(--line);background:#0a0a0bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mnav-inner{max-width:80rem;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}@media (min-width: 1024px){.mnav-inner{padding:0 40px}}.mnav-logo{display:block;transition:opacity .3s ease}.mnav-logo:hover{opacity:.8}.mnav-links{display:none;align-items:center;gap:40px}@media (min-width: 768px){.mnav-links{display:flex}.mnav-burger{display:none!important}}.mnav-link{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--mute);text-decoration:none;transition:color .3s ease}.mnav-link:hover{color:var(--fg)}.mnav-dd-wrap{position:relative}.mnav-dd-trigger{display:flex;align-items:center;gap:6px;padding:8px 0}.mnav-caret{font-size:8px;transition:transform .3s ease,color .3s ease}.mnav-caret.open{transform:rotate(180deg);color:var(--accent)}.mnav-dd{position:absolute;left:50%;top:100%;transform:translate(-50%);padding-top:12px}.mnav-dd-panel{width:256px;border:1px solid var(--line);background:#131315f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px}.mnav-dd-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#f4f2edd9;text-decoration:none;transition:background-color .3s ease,color .3s ease}.mnav-dd-item:hover{background:var(--panel-2);color:var(--accent)}.mnav-dd-item.current{color:var(--accent)}.mnav-dd-tag{font-size:9px;letter-spacing:.2em;color:var(--mute)}.mnav-dd-all{display:block;margin-top:4px;border-top:1px solid var(--line);padding:12px 12px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);text-decoration:none;transition:color .3s ease}.mnav-dd-all:hover{color:var(--fg)}.mnav-cta{position:relative;overflow:hidden;border:1px solid var(--line);padding:10px 20px;font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--fg);text-decoration:none;transition:border-color .3s ease}.mnav-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translateY(-100%);transition:transform .4s ease-out}.mnav-cta span{position:relative;z-index:1;transition:color .3s ease}.mnav-cta:hover{border-color:var(--accent)}.mnav-cta:hover:before{transform:translateY(0)}.mnav-cta:hover span{color:var(--void)}.mnav-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}.mnav-burger span{display:block;width:24px;height:1px;background:var(--fg);transition:transform .3s ease}.mnav-burger.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.mnav-burger.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mnav-mobile{border-top:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:4px}@media (min-width: 768px){.mnav-mobile{display:none}}.mnav-mobile-link{display:block;padding:12px 0;font-family:Archivo,sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;color:var(--fg);text-decoration:none}.mnav-mobile-tools{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line);padding-left:16px;margin-bottom:8px}.mnav-mobile-tool{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 0;font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--mute);text-decoration:none}.mnav-mobile-tool.current,.mnav-mobile-tool:hover{color:var(--accent)}.mnav-mobile-tool span{font-size:9px}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;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.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}