@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--base-100: #ffffff;--base-400: #1a1a1a;--logo-bg-light: #ffffff;--logo-text-light: #1a1a1a;--logo-bg-dark: #1a1a1a;--logo-text-dark: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:#0f0f0f}.logo-container{position:fixed;top:2rem;left:2rem;z-index:1000}.logo{display:inline-block;font-family:Inter,PP Pangram Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;padding:.75rem 1.5rem;background-color:var(--logo-bg-light);color:var(--logo-text-light);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.logo.logo-inverted{background-color:var(--logo-bg-dark);color:var(--logo-text-dark);box-shadow:0 2px 8px #ffffff1a}section{position:relative;width:100vw;height:100svh;padding:2em;overflow:hidden}footer{position:relative;width:100vw;height:50vh;padding:2em;overflow:hidden}.copy-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:2rem}.copy-container h1{width:70%;color:#0a0a0a;font-size:5rem;font-weight:900;line-height:1.1}.hero .copy-container{background:linear-gradient(135deg,#e8f4f8,#c8e2ed)}.cta .copy-container{background:linear-gradient(135deg,#f5f0e8,#e8ddd4)}.outro .copy-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.outro .copy-container h1{color:#fff}.about .copy-container,.features .copy-container{border:.15rem dashed rgba(120,120,120,.3);background:#0f0f0f}.contact-section .copy-container{background:#0f0f0f;border:.15rem dashed rgba(120,120,120,.3)}.contact-text{color:#fff;font-size:1.5rem;font-weight:500}.contact-text a{color:#6b9bd1;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#8bb3e0}.anime-text{width:60%}.anime-text p{color:#e8e8e8;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:900;line-height:1.2}.anime-text .word{display:inline-block;position:relative;margin-right:.2rem;margin-bottom:.2rem;padding:.1rem .2rem;border-radius:2rem;will-change:background-color,opacity}.anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text .word span{position:relative}.anime-text .word span.keyword{border-radius:2rem;display:inline-block;width:100%;height:100%;padding:.1rem 0;color:#0a0a0a}.anime-text .word span.keyword:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1rem);height:calc(100% + .4rem);background-color:#fff;border-radius:2rem;z-index:-1}.anime-text .word span.keyword.architecture:before,.anime-text .word span.keyword.systems:before,.anime-text .word span.keyword.technical:before{background-color:#6b9bd1}.anime-text .word span.keyword.resilient:before,.anime-text .word span.keyword.maintainable:before,.anime-text .word span.keyword.crafted:before{background-color:#c8a882}.anime-text .word span.keyword.clarity:before,.anime-text .word span.keyword.simplicity:before,.anime-text .word span.keyword.documentation:before{background-color:#a8c4a8}.anime-text .word,.anime-text .word span{opacity:0}@media(max-width:1000px){.logo{font-size:1.25rem;padding:.5rem 1rem}.logo-container{top:1rem;left:1rem}.copy-container h1{width:90%;font-size:2rem}.anime-text{width:90%}.anime-text p{font-size:1.25rem}.anime-text .word{margin-right:.1rem;margin-bottom:.15rem;padding:.1rem .2rem}.anime-text .word.keyword-wrapper{margin:0 .2rem .1rem .1rem}.contact-text{font-size:1.25rem}}