:root{--bg: #0f0f0f;--text: #e0e0e0;--text-dim: #888}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg)}body{color:var(--text);font-family:Courier New,monospace;min-height:100dvh;display:flex;align-items:center;justify-content:center}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}#app{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.hero{display:grid;grid-template-columns:auto 1fr;gap:4rem;padding:4rem 3rem;max-width:900px;width:100%;align-items:stretch}.flask-col{display:flex;justify-content:center;align-items:center}#flask-placeholder{display:block}.info-col{display:flex;flex-direction:column;justify-content:center;gap:1rem}.wordmark{font-family:Courier New,monospace;font-weight:300;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.02em;line-height:1;color:var(--text)}.tagline{font-size:.8rem;color:var(--text-dim);letter-spacing:.05em}.subhead{font-size:.8rem;color:var(--text-dim);letter-spacing:.03em}.description{font-size:.85rem;color:var(--text-dim);line-height:1.5}.waitlist-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.waitlist-input{background:transparent;border:none;border-bottom:1px solid var(--text-dim);color:var(--text);font-family:Courier New,monospace;font-size:.85rem;padding:.4rem 0;outline:none;border-radius:0;transition:border-color .15s;width:100%}.waitlist-input::placeholder{color:var(--text-dim)}.waitlist-input:focus{border-bottom-color:var(--text)}.waitlist-btn{align-self:flex-start;background:transparent;border:1px solid var(--text);color:var(--text);font-family:Courier New,monospace;font-size:.8rem;padding:.35rem .75rem;cursor:pointer;border-radius:0;transition:background .15s,color .15s;letter-spacing:.03em}.waitlist-btn:hover{background:var(--text);color:#000}.contact{font-size:.75rem;color:var(--text-dim);margin-top:.5rem}.contact a{color:var(--text-dim);text-decoration:underline;text-underline-offset:3px}.contact a:hover{color:var(--text)}@media (max-width: 900px){.hero{gap:2.5rem;padding:3rem 2rem}}@media (max-width: 640px){.hero{grid-template-columns:1fr;padding:0;gap:0;min-height:100dvh;align-items:start}.flask-col{overflow:hidden;width:100%}.info-col{gap:.85rem;padding:1.75rem 1.75rem 2.5rem}.wordmark{font-size:clamp(2rem,9vw,2.75rem)}.description{font-size:.9rem}}