@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.starfield{position:absolute;inset:0;background:radial-gradient(1px 1px at 13% 22%,#ffffff 75%,transparent 100%) 0 0/18% 18%,radial-gradient(1px 1px at 58% 37%,#e6efff 75%,transparent 100%) 0 0/18% 18%,radial-gradient(1px 1px at 32% 78%,#ffffff 75%,transparent 100%) 0 0/18% 18%,radial-gradient(1px 1px at 82% 68%,#d4e2ff 75%,transparent 100%) 0 0/18% 18%,radial-gradient(2px 2px at 25% 45%,#eef3ff 80%,transparent 100%) 0 0/27% 27%,radial-gradient(2px 2px at 71% 62%,#f8fbff 80%,transparent 100%) 0 0/27% 27%,radial-gradient(2px 2px at 10% 70%,#eaf2ff 80%,transparent 100%) 0 0/27% 27%,radial-gradient(3px 3px at 46% 12%,#ffffff 80%,transparent 100%) 0 0/45% 45%,radial-gradient(3px 3px at 88% 88%,#e0eaff 80%,transparent 100%) 0 0/45% 45%;animation:starFade 10s linear infinite;mix-blend-mode:screen;opacity:.8;pointer-events:none}@keyframes starFade{0%,20%,40%,60%,80%,to{opacity:.8}10%,30%,50%,70%,90%{opacity:.4}}:root{--h4-white: #FFFFFF;--h4-pale-blue: #F0F4F8;--h4-soft-gray: #E5E9ED;--h4-text-primary: #1A1A2E;--h4-text-secondary: #6B7280;--h4-sapphire: #2B5F75;--h4-sapphire-light: #4A90B8}.dark{--h4-white: #E6EBFF;--h4-pale-blue: #1A2332;--h4-soft-gray: #2A3441;--h4-text-primary: #E6EBFF;--h4-text-secondary: #94A3B8;--h4-sapphire: #4A90B8;--h4-sapphire-light: #74B9E6;--obsidian-black: #050505;--off-white: #FAFAFA;--neutral-gray: #888888;--sapphire-blue: #2B5F75}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.snap-start{scroll-snap-align:start}.relative{position:relative}.flex{display:flex}.flex-1{flex:1 1 0%}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.inset-0{inset:0}.text-center{text-align:center}.px-8{padding-left:2rem;padding-right:2rem}.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.z-10{z-index:10}.z-50{z-index:50}.z-20{z-index:20}.bottom-12{bottom:3rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.w-6{width:1.5rem}.h-10{height:2.5rem}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.items-start{align-items:flex-start}.justify-center{justify-content:center}.p-2{padding:.5rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.min-h-screen{min-height:100vh}.py-32{padding-top:8rem;padding-bottom:8rem}.max-w-7xl{max-width:80rem}@media(min-width:1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.gap-16{gap:4rem}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:1024px){.lg\:col-span-3{grid-column:span 3 / span 3}}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.italic{font-style:italic}.border-l-2{border-left-width:2px}.pl-6{padding-left:1.5rem}.rounded-3xl{border-radius:1.5rem}.mt-6{margin-top:1.5rem}.inline-block{display:inline-block}.py-3{padding-top:.75rem;padding-bottom:.75rem}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.space-y-4>*+*{margin-top:1rem}.rounded-sm{border-radius:.125rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.rounded-2xl{border-radius:1rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-1000{transition-duration:1s}.delay-1000{transition-delay:1s}.delay-1500{transition-delay:1.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.opacity-100{opacity:1}.opacity-0{opacity:0}.scale-100{transform:scale(1)}.scale-0{transform:scale(0)}.translate-y-0{transform:translateY(0)}.translate-y-4{transform:translateY(1rem)}.min-h-\[2rem\]{min-height:2rem}.ml-1{margin-left:.25rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mb-20{margin-bottom:5rem}.mb-16{margin-bottom:4rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bottom-8{bottom:2rem}.right-0{right:0}.h-px{height:1px}.group{position:relative}.group:hover .group-hover\:w-full{width:100%}.fixed{position:fixed}.left-6{left:1.5rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.hidden{display:none!important}.justify-around{justify-content:space-around}.cursor-pointer{cursor:pointer}.home-container{width:100%;scroll-behavior:smooth}.home-page-main{width:100%;min-height:100vh;overflow:visible;position:relative}.home-content{width:100%;position:relative}body.home-mode,html.home-mode{overflow:auto!important;height:auto!important}html.home-mode #root{display:block!important;height:auto!important;overflow:visible!important}section{position:relative;overflow:hidden;contain:layout style paint}section .relative{position:relative;overflow:hidden}section .absolute{position:absolute;inset:0}.glass-cylinder-nav.hidden{display:none}@media(min-width:1024px){.glass-cylinder-nav.hidden.lg\:block,.glass-cylinder-nav.lg\:block{display:block!important}}.glass-cylinder-nav button{border:none!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important;font-family:Inter,sans-serif!important;font-size:.625rem!important;letter-spacing:.15em!important;text-transform:uppercase!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0%!important;width:100%!important;cursor:pointer!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;transition:all .3s ease!important}.glass-cylinder-nav button[style*="#2B5F75"],.glass-cylinder-nav button[style*="rgb(43, 95, 117)"]{color:#2b5f75!important;font-weight:600!important}.glass-cylinder-nav button:hover{color:#2b5f75!important;opacity:.8}.glass-cylinder-nav button:focus,.glass-cylinder-nav button:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.scroll-indicator{pointer-events:none}.light-beam-horizontal,.light-beam-vertical{pointer-events:none;will-change:width,height}#stage-scroll-container{position:relative;width:100%;z-index:0}.h4-homepage{position:fixed;inset:0;z-index:1;pointer-events:none}.h4-homepage>*{pointer-events:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(min-width:1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.hidden.lg\:block,.lg\:block{display:block!important}}:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--theme-bg: #141517;--theme-text: #e8eaed;--theme-text-secondary: #9aa0a6;--theme-surface: #1f2226;--theme-border: #3c4043;--action-primary: #8ab4f8;--action-primary-text: #202124;--action-hover: #3c4043}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--theme-bg);color:var(--theme-text);height:100vh;width:100vw;overflow:hidden}*{box-sizing:border-box}#root{display:flex;height:100%;width:100%}.content-area{width:100%;height:100vh;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}