*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;touch-action:none;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background-color:#111318;color:#ecedef}#root{height:100%}.page{height:100vh;position:relative;overflow:hidden}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 1px),rgba(236,237,239,.015) 50%,transparent calc(50% + 1px),transparent 100%);background-size:100% 100%;background-position:0 0}.grid-lines:before,.grid-lines:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#ecedef04}.grid-lines:before{left:33.333%}.grid-lines:after{left:66.666%}.states-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none;transition:opacity .6s cubic-bezier(.25,.46,.45,.94)}.logo-container{display:flex;align-items:center;justify-content:center;max-width:260px;width:100%;padding:1.5rem}.logo-svg{width:100%;max-width:260px;height:auto;filter:drop-shadow(0 4px 24px rgba(48,71,199,.15));will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .6s cubic-bezier(.25,.46,.45,.94)}@media(hover:hover){.logo-container:hover .logo-svg{transform:scale(1.1);filter:drop-shadow(0 8px 32px rgba(48,71,199,.25)) brightness(1.05)}}@media(hover:none){.logo-svg{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.logo-container:active .logo-svg{transform:scale(1.03)}}.state-tree{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.95rem;font-weight:400;letter-spacing:.08em;line-height:2.2;color:#ecedefe6;margin:0;text-align:left}.tree-title{font-size:1.1rem;letter-spacing:.12em;color:#ecedeff2;transform:scale(.98);transform-origin:center;will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.state--active .tree-title{transform:scale(1)}.state-tree+.state-subtext{margin-top:1.25rem}.state-content{text-align:center;max-width:480px}.state-title{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1.5rem;font-weight:400;letter-spacing:.12em;color:#ecedeff2;margin:0 0 1.5rem;transform:scale(.98);transform-origin:center;will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.state--active .state-title{transform:scale(1)}.state-subtext{font-size:.875rem;letter-spacing:.04em;color:#ecedef99;margin:0;line-height:1.6;white-space:pre-line;opacity:0;transform:scale(.99);transform-origin:center;will-change:opacity,transform;transition:opacity .42s cubic-bezier(.33,1,.68,1) 80ms,transform .6s cubic-bezier(.25,.46,.45,.94) 80ms}.state--active .state-subtext{opacity:1;transform:scale(1)}@media(max-width:640px){.state-tree{font-size:.8rem}.tree-title{font-size:.95rem}.state-title{font-size:1.2rem}.state-subtext{font-size:.8rem}}.pagination{position:absolute;top:50%;right:28px;transform:translateY(-50%);z-index:10}.pagination__dots{display:flex;flex-direction:column;align-items:center;gap:12px}.pagination__dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background-color:#ecedef38;cursor:pointer;transform:scale(1);transform-origin:center;will-change:transform,opacity;transition:background-color .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.pagination__dot:hover{background-color:#ecedef66}.pagination__dot:focus{outline:none}.pagination__dot:focus-visible{background-color:#ecedef80}.pagination__dot--active{background-color:#3047c7eb;transform:scale(1.15)}.pagination__dot--active:hover{background:#3047c7eb}.pagination__dot--active:focus-visible{background:#3047c7eb}.footer{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:80px 1.5rem}.footer__content{max-width:860px;width:100%;text-align:center;font-size:14px;color:#ecedefa6}.footer__line{margin:0;line-height:1.6}.footer__link{color:#ecedefd9;text-decoration:none;transition:color .2s ease}.footer__link:hover{color:#3047c7}@media(max-width:640px){.footer__content{font-size:12px}.pagination{right:20px}}