@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}@media (hover:hover) and (pointer:fine){html,body,a,a *{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22white%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E) 10 10,auto}html.smooth-cursor-enabled,html.smooth-cursor-enabled body,html.smooth-cursor-enabled a,html.smooth-cursor-enabled a *{cursor:none}}.smooth-cursor{z-index:10;pointer-events:none;opacity:0;mix-blend-mode:difference;width:100%;height:100%;display:block;position:fixed;inset:0}.smooth-cursor.is-visible{opacity:1}.landing{isolation:isolate;background:#000;width:100%;height:100%;min-height:100dvh;position:fixed;inset:0;overflow:hidden}@property --ocean-reveal-radius{syntax:"<percentage>";inherits:false;initial-value:28%}.ascii-ocean{--ocean-reveal-radius:28%;z-index:0;pointer-events:none;opacity:1;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 135% 92% at 50% 125%, #000 0 calc(var(--ocean-reveal-radius) - 5.5%), #000000f5 calc(var(--ocean-reveal-radius) - 4.2%), #0000007a calc(var(--ocean-reveal-radius) - 2.7%), #000000e6 calc(var(--ocean-reveal-radius) - 1.2%), #00000047 calc(var(--ocean-reveal-radius) + 0.8%), #00000094 calc(var(--ocean-reveal-radius) + 2%), #0000001a calc(var(--ocean-reveal-radius) + 3.4%), transparent calc(var(--ocean-reveal-radius) + 5.5%));-webkit-mask-image:radial-gradient(ellipse 135% 92% at 50% 125%, #000 0 calc(var(--ocean-reveal-radius) - 5.5%), #000000f5 calc(var(--ocean-reveal-radius) - 4.2%), #0000007a calc(var(--ocean-reveal-radius) - 2.7%), #000000e6 calc(var(--ocean-reveal-radius) - 1.2%), #00000047 calc(var(--ocean-reveal-radius) + 0.8%), #00000094 calc(var(--ocean-reveal-radius) + 2%), #0000001a calc(var(--ocean-reveal-radius) + 3.4%), transparent calc(var(--ocean-reveal-radius) + 5.5%));mask-image:radial-gradient(ellipse 135% 92% at 50% 125%, #000 0 calc(var(--ocean-reveal-radius) - 5.5%), #000000f5 calc(var(--ocean-reveal-radius) - 4.2%), #0000007a calc(var(--ocean-reveal-radius) - 2.7%), #000000e6 calc(var(--ocean-reveal-radius) - 1.2%), #00000047 calc(var(--ocean-reveal-radius) + 0.8%), #00000094 calc(var(--ocean-reveal-radius) + 2%), #0000001a calc(var(--ocean-reveal-radius) + 3.4%), transparent calc(var(--ocean-reveal-radius) + 5.5%));animation:3.8s cubic-bezier(.7,0,.9,.3) .1s forwards ocean-reveal;display:block;position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.social-links{z-index:3;left:50%;bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + 1rem));opacity:1;gap:.7rem;display:flex;position:absolute;transform:translate(-50%)}.social-link{background:#ffffff0d;border:1px solid #ffffff42;border-radius:50%;outline:0;place-items:center;width:3.25rem;height:3.25rem;transition:color .22s,background-color .22s,border-color .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,0 .8rem 2rem #0000006b}.social-link-content{pointer-events:auto;place-items:center;width:100%;height:100%;display:grid}.social-link svg{z-index:1;fill:currentColor;width:1.18rem;height:1.18rem;position:relative}.social-link:hover{color:#fff;border-color:#fff}.social-link:active{border-color:#ddff8b}.social-link:focus-visible{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 0 .18rem #000,0 0 0 .3rem #fff}@keyframes ocean-reveal{0%{--ocean-reveal-radius:28%}to{--ocean-reveal-radius:148%}}@media (max-width:35rem){.social-links{bottom:max(1.2rem, calc(env(safe-area-inset-bottom) + .8rem));gap:.65rem}.social-link{width:3rem;height:3rem}.social-link svg{width:1.08rem;height:1.08rem}}@media (hover:none){.social-link:hover{color:#fff;border-color:#ffffff42}}@media (prefers-reduced-motion:reduce){.ascii-ocean{opacity:1;animation:none;-webkit-mask-image:none;mask-image:none}.social-links{opacity:1;animation:none}.social-link{transition:none}}#ocean-glass-scene{z-index:0;pointer-events:none;position:absolute;inset:0}.liquid-demo-presentation{z-index:3;pointer-events:none;visibility:hidden;opacity:0;position:fixed;inset:0}.liquid-demo-presentation[data-ready]{visibility:visible;opacity:1;animation:.85s cubic-bezier(.16,1,.3,1) both glass-arrive}@keyframes glass-arrive{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes glass-content-arrive{0%{transform:translateY(10px)}to{transform:translateY(0)}}.liquid-demo{visibility:hidden;z-index:3;left:max(1.5rem, env(safe-area-inset-left));bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + 1rem));background:#ffffff0d;border:1px solid #ffffff3d;border-radius:1rem;align-items:center;max-width:calc(100vw - 2rem);padding:.65rem;font:500 .875rem/1.4 DM Sans,sans-serif;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff1a}.liquid-demo:hover{background:#ffffff1a;border-color:#ffffff8c}.liquid-demo:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:48rem){.liquid-demo{width:max-content;left:50%;top:max(1.5rem, calc(env(safe-area-inset-top) + 1rem));bottom:auto;transform:translate(-50%)}}.liquid-demo-content{pointer-events:auto;align-items:center;gap:.9rem;font-weight:600;display:flex}.liquid-demo-content picture{flex-shrink:0;display:block}.liquid-demo-content img{object-fit:cover;border-radius:.6rem;width:88px;height:64px;display:block}.liquid-demo-arrow{color:#ddff8b;margin:0 .4rem 0 .2rem;font-size:1.1rem}.liquid-demo-presentation[data-ready] .liquid-demo-content{animation:.85s cubic-bezier(.16,1,.3,1) both glass-content-arrive}@media (prefers-reduced-motion:reduce){.liquid-demo-presentation[data-ready],.liquid-demo-presentation[data-ready] .liquid-demo-content{animation:none}}@media (min-width:64rem){.liquid-demo{width:15rem;padding:.7rem}.liquid-demo-content{grid-template-columns:1fr auto;gap:.9rem;width:100%;padding-bottom:.3rem;display:grid}.liquid-demo-content picture{grid-column:1/-1}.liquid-demo-content img{aspect-ratio:3656/1922;width:100%;height:auto}.liquid-demo-content>span:not(.liquid-demo-arrow){padding-left:.3rem}}