@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fdfdfd;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin-inline:auto;padding-inline:1.5rem}.header{padding-block:2rem}.nav{display:flex;justify-content:flex-end;align-items:center;gap:2rem}.nav-link{font-weight:700;font-size:1.5rem;color:#a5a4b2;text-decoration:none;transition:color .2s ease;background:none;border:none;cursor:pointer;font-family:inherit;position:relative;padding:0}.nav-link:hover{color:#fdfdfd}.share-button{position:relative}.tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background-color:#fdfdfd;color:#000;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;white-space:nowrap;pointer-events:none;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-.3125rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing{min-height:60vh;display:flex;align-items:center;justify-content:center;padding-block:5rem}.landing .container{display:flex;justify-content:center;align-items:center}.landing-content{text-align:center;max-width:50rem;margin-inline:auto}.landing-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-block-end:1.5rem;letter-spacing:-.02em;line-height:1.1}.landing-description{font-size:clamp(1.125rem,2vw,1.375rem);color:#fdfdfd;line-height:1.6;max-width:43.75rem;margin-inline:auto}.cards-section{flex:1;padding-block:5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:3rem;max-width:75rem;margin-inline:auto}.card-wrapper{--dominant-bg: transparent;--title-color: #fdfdfd;--desc-color: #a5a4b2;transition:all .3s ease-in-out}.demo-card{padding:1rem!important;border-radius:1rem!important;background-color:var(--dominant-bg)!important;transition:background-color .3s ease-in-out!important;cursor:default!important;border:none!important;box-shadow:none!important}.demo-card img{border-radius:1rem!important;display:block!important;width:100%!important;height:auto!important;object-fit:cover!important;aspect-ratio:16 / 9!important}.demo-card h3{color:var(--title-color)!important;font-weight:700!important;font-size:1.25rem!important;margin-block-start:1rem!important;margin-block-end:.5rem!important;line-height:1.3!important;transition:color .3s ease-in-out!important}.demo-card p{color:var(--desc-color)!important;font-size:1rem!important;line-height:1.5!important;margin:0!important;transition:color .3s ease-in-out!important}.footer{padding-block:4rem 3rem;margin-block-start:auto}.footer-text{text-align:center;font-size:.875rem;color:#a5a4b2;line-height:1.5}.footer-link{font-weight:700;color:#a5a4b2;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fdfdfd}@media (width <=64rem){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:2.5rem}}@media (width <=48rem){.container{padding-inline:1.25rem}.header{padding-block:1.5rem}.nav{gap:1.5rem}.nav-link{font-size:1.25rem}.landing{min-height:50vh;padding-block:4rem}.landing-title{margin-block-end:1.25rem}.cards-section{padding-block:3.75rem}.cards-grid{grid-template-columns:1fr;gap:2rem}.footer{padding-block:3rem 2.5rem}}@media (width <=30rem){.nav{gap:1.25rem}.nav-link{font-size:1.125rem}.landing{min-height:40vh;padding-block:3rem}.cards-section{padding-block:2.5rem}.demo-card{padding:.75rem!important}.footer{padding-block:2.5rem 2rem}.footer-text{font-size:.8125rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-link:focus-visible,.footer-link:focus-visible{outline:2px solid #fdfdfd;outline-offset:.25rem;border-radius:.25rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fdfdfd;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}