.app{display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--mantle);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--mauve)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text);transition:color .2s}.nav-links a:hover{color:var(--mauve)}.hero{padding:5rem 0;background-color:var(--base)}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.hero-content{flex:1}.hero h1{font-size:4rem;margin-bottom:1rem;color:var(--text)}.hero h1 .dot{color:var(--mauve)}.tagline{font-size:1.5rem;margin-bottom:2rem;color:var(--subtext1)}.hero-buttons{display:flex;gap:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;transition:all .2s;text-decoration:none}.btn.primary{background-color:var(--mauve);color:var(--crust)}.btn.primary:hover{background-color:var(--lavender);transform:translateY(-2px)}.btn.secondary{background-color:transparent;border:2px solid var(--mauve);color:var(--mauve)}.btn.secondary:hover{background-color:var(--surface0);transform:translateY(-2px)}.hero-terminal{flex:1;max-width:600px}.features{background-color:var(--crust);padding:5rem 0}.features h2{text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:var(--mantle);border-radius:8px;padding:2rem;transition:transform .3s,box-shadow .3s;border:1px solid var(--surface0)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:var(--mauve)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{margin-bottom:1rem;color:var(--blue)}.feature-card p{color:var(--subtext0);line-height:1.6}.waitlist{background-color:var(--base);padding:5rem 0}.waitlist h2{text-align:center;margin-bottom:3rem}.waitlist-content{max-width:800px;margin:0 auto;background-color:var(--mantle);border-radius:8px;padding:2rem;border:1px solid var(--surface0)}.waitlist-info{margin-bottom:2rem;text-align:center}.waitlist-info p{margin-bottom:1rem;color:var(--subtext1);line-height:1.6}.waitlist-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:var(--text)}.form-group input,.form-group textarea{padding:.75rem;border-radius:4px;background-color:var(--surface0);border:1px solid var(--surface2);color:var(--text);font-family:Fira Code,monospace;transition:border-color .2s}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--mauve)}.form-group small{color:var(--subtext0);font-size:.8rem}.waitlist-form button{align-self:flex-start;margin-top:1rem}.waitlist-success{text-align:center;padding:2rem}.success-icon{font-size:3rem;margin-bottom:1rem}.waitlist-success h3{color:var(--green);margin-bottom:1rem}.waitlist-success p{color:var(--subtext1)}.docs{background-color:var(--crust);padding:5rem 0}.docs h2{text-align:center;margin-bottom:3rem}.docs-content{display:flex;gap:2rem;background-color:var(--mantle);border-radius:8px;overflow:hidden;border:1px solid var(--surface0)}.docs-nav{width:250px;background-color:var(--surface0);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.docs-link{padding:.75rem 1rem;border-radius:4px;transition:background-color .2s}.docs-link.active{background-color:var(--mauve);color:var(--crust)}.docs-link:not(.active):hover{background-color:var(--surface1)}.docs-main{flex:1;padding:2rem}.docs-main h3{margin-bottom:1.5rem;color:var(--sapphire)}.docs-main p{margin-bottom:1.5rem;color:var(--subtext1);line-height:1.6}.docs-main .terminal{margin-bottom:2rem}footer{background-color:var(--mantle);padding:4rem 0 2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;margin-bottom:3rem}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--mauve)}.footer-links{display:flex;gap:4rem}.footer-column h4{color:var(--text);margin-bottom:1rem}.footer-column{display:flex;flex-direction:column;gap:.5rem}.footer-column a{color:var(--subtext0);transition:color .2s}.footer-column a:hover{color:var(--mauve)}.footer-bottom{display:flex;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--surface0);color:var(--subtext0);font-size:.9rem}@media (max-width: 768px){.hero .container{flex-direction:column;text-align:center}.hero-buttons{justify-content:center}.hero-terminal{align-self:flex-start;margin-left:0;width:100%;text-align:left!important}.terminal,.terminal-content,.terminal-line,.terminal-header{text-align:left!important}.footer-content,.footer-links{flex-direction:column;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.docs-content{flex-direction:column}.docs-nav{width:100%;flex-direction:row;overflow-x:auto;padding:1rem}.docs-link{white-space:nowrap}}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b;font-family:Fira Code,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:var(--blue);text-decoration:none;transition:color .25s}a:hover{color:var(--mauve);text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--mauve);line-height:1.1}h1{font-size:3.2em}h2{font-size:2.4em}button{border-radius:4px;border:1px solid var(--surface2);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Fira Code,monospace;background-color:var(--surface0);color:var(--text);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--mauve);background-color:var(--surface1)}button:focus,button:focus-visible{outline:2px solid var(--mauve)}code{background-color:var(--surface0);padding:.2em .4em;border-radius:4px;font-family:Fira Code,monospace}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:4rem 0}.terminal{background-color:var(--crust);border-radius:8px;padding:1rem;border:1px solid var(--surface2);box-shadow:0 4px 6px #0000001a;overflow:hidden}.terminal-header{display:flex;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--surface0)}.terminal-button{width:12px;height:12px;border-radius:50%;margin-right:6px}.terminal-button.red{background-color:var(--red)}.terminal-button.yellow{background-color:var(--yellow)}.terminal-button.green{background-color:var(--green)}.terminal-title{margin-left:8px;font-size:.8rem;color:var(--subtext0)}.terminal-content{font-family:Fira Code,monospace;color:var(--text);white-space:pre-wrap;max-height:350px;overflow-y:auto;padding:.5rem;background-color:var(--crust)}.terminal-line{line-height:1.4;margin-bottom:.2rem}.prompt{color:var(--green);font-weight:700;display:inline;margin-right:.25rem}.command{color:var(--text);font-weight:400;display:inline}.output{color:var(--subtext1);display:block;padding-left:.5rem}.cursor{display:inline-block;width:.6em;height:1.2em;background-color:var(--mauve);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.terminal,.terminal-content,.terminal-line,.prompt,.command,.output{text-align:left!important}.hero-terminal{text-align:left!important;align-self:flex-start;margin-left:0;width:100%}.terminal{max-width:100%}}
