@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@700&family=Public+Sans:wght@400;500;600&display=swap";
:root{--sd-paper:#f7f7f5;--sd-forest:#1a3c2b;--sd-grid:#3a3a38;--sd-coral:#ff8c69;--sd-mint:#9effbf;--sd-gold:#f4d35e}.koncii-landing{background-color:var(--sd-paper);color:var(--sd-forest);min-height:100vh;margin:0;padding:0;font-family:Public Sans,sans-serif}.font-space{font-family:Space Grotesk,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.mosaic-bg{background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%233A3A38' stroke-width='0.5' stroke-opacity='0.1'%3E%3Crect x='0' y='0' width='200' height='200' /%3E%3Crect x='200' y='0' width='100' height='100' /%3E%3Crect x='300' y='0' width='100' height='200' /%3E%3Crect x='200' y='100' width='100' height='100' /%3E%3Crect x='0' y='200' width='100' height='200' /%3E%3Crect x='100' y='200' width='300' height='200' /%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}.hairline-b{border-bottom:1px solid #3a3a3833}.hairline-t{border-top:1px solid #3a3a3833}.hairline-l{border-left:1px solid #3a3a3833}.hairline-r{border-right:1px solid #3a3a3833}.hairline-a{border:1px solid #3a3a3833}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-orbit{animation:20s linear infinite orbit}.img-luminosity{mix-blend-mode:luminosity;opacity:.9;transition:all .3s}.img-luminosity:hover{mix-blend-mode:normal;opacity:1}.corner-marker{border-color:var(--sd-forest);width:10px;height:10px;position:absolute}.marker-tl{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}.marker-tr{border-top:1px solid;border-right:1px solid;top:-1px;right:-1px}.marker-bl{border-bottom:1px solid;border-left:1px solid;bottom:-1px;left:-1px}.marker-br{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1750px)}}.animate-scroll{animation:40s linear infinite scroll}.animate-scroll:hover{animation-play-state:paused}.ticker-fade-l{background:linear-gradient(to right, var(--sd-paper), transparent)}.ticker-fade-r{background:linear-gradient(to left, var(--sd-paper), transparent)}