#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.memoji{height:9em;padding:.5em;will-change:filter;transition:filter .3s}.memoji:hover{filter:drop-shadow(0 0 2em #646cffaa)}.memoji.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo{height:3em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.icon{color:#fff;fill:#fff}.mail-icon{height:2.2em}.card{padding:2em}.read-the-docs{color:#888}.section{min-height:100vh;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start}.section-grapht,.section-palabrabra{flex-direction:row;align-items:center;gap:2rem}.section-content{flex:1 1 0;display:flex;flex-direction:column;align-items:center}.section-screenshots{flex:1 1 0;display:flex;align-items:center;justify-content:space-evenly;width:100%}.screenshot-wrap{position:relative;opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform .8s ease}.section-screenshots.in-view .screenshot-wrap{opacity:1;transform:translateY(0)}.section-screenshots .screenshot-wrap:nth-child(2){transition-delay:.15s}.screenshot-backdrop{position:absolute;top:6%;left:5%;right:5%;bottom:8%;border-radius:20%/8%;box-shadow:0 30px 70px 15px #0009;z-index:0}.screenshot{position:relative;z-index:1;display:block;width:16.6vw;height:auto}@media (max-width: 900px){.section-grapht,.section-palabrabra{flex-direction:column;justify-content:center}.section-content,.section-screenshots{flex:0 0 auto}.section-screenshots{margin-top:2rem}.screenshot{width:30vw}.section-logo{height:auto;width:70vw}}.section-palabrabra h2{font-size:clamp(2.5rem,11vw,8rem);margin:0;line-height:1;max-width:100%}.section-logo{height:11rem;width:auto;max-width:100%;display:block}.store-badge{height:48px;width:auto;margin-top:3.5rem;display:block}.section-grapht{background-color:#b1ff6e;color:#0a1f0a}.section-palabrabra{background-color:#7c3aed;color:#fff}footer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-color:#001f3f;color:#fff;padding:20px;box-sizing:border-box;text-align:center;scroll-snap-align:end}footer a{color:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:1rem}header{position:fixed;top:0;left:0;right:0;z-index:9999}img{height:2rem}nav{display:flex;gap:1rem}a{color:#333;text-decoration:none}.hamburger{display:none}header.on-light img{filter:brightness(0)}header.on-light nav a{color:#000}@media (max-width: 750px){header{align-items:flex-start}img{height:2rem;margin-bottom:1rem}nav{display:none}a{font-size:.9rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f5f5f5;text-decoration:inherit}a:hover{color:#ceff00}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ScrollToTopButton{color:#03045e!important;border-radius:100%}