:root{--color-background:#F3F3EC;--color-text-primary:#2D2D2B;--color-text-secondary:#5a5a58;--color-text-muted:#8a8a88;--color-accent:#2D2D2B;--color-border:#d4d4cc;--shadow-hover:3px 3px 0px #C0BDAD;--shadow-sm:2px 2px 0px #000;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-mono:'SF Mono','Monaco','Inconsolata','Fira Mono','Droid Sans Mono','Source Code Pro',monospace;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-lg:1.5rem;--font-size-2xl:2.5rem;--font-size-3xl:3rem}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;overflow:hidden;width:100vw;height:100vh;position:relative}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid #ffffff;outline-offset:4px}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.container{position:relative;z-index:2;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);pointer-events:none}.hero{width:100%;max-width:600px;text-align:center;pointer-events:none}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background-color:#EBEAE6;padding:var(--spacing-2xl) var(--spacing-xl);border-radius:16px;box-shadow:0 4px 20px rgba(45,45,43,0.08);border:1px solid rgba(45,45,43,0.06);position:relative;z-index:10;pointer-events:none}.heading{font-size:var(--font-size-2xl);font-weight:500;letter-spacing:-0.02em;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.heading-line2{display:inline-block;padding-top:1.25rem}.subheading{font-size:var(--font-size-sm);font-weight:400;letter-spacing:-0.01em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.waitlist-form{width:100%;max-width:500px;pointer-events:auto}.form-group{display:flex;gap:var(--spacing-sm);align-items:stretch;margin-bottom:var(--spacing-sm)}.email-input{flex:1;padding:var(--spacing-xs) var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:transparent;border:1px solid var(--color-border);border-radius:8px;transition:all 0.3s ease;min-width:250px}.email-input::placeholder{color:var(--color-text-muted)}.email-input:hover{border-color:var(--color-accent)}.email-input:focus{border-color:var(--color-text-primary);background-color:rgba(255,255,255,0.02)}.submit-btn{padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;color:var(--color-background);background-color:var(--color-text-primary);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.submit-btn:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.submit-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.submit-btn:disabled{opacity:0.5;cursor:not-allowed}.form-message{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;display:none;text-align:center;margin-top:var(--spacing-xs)}.form-message.show{display:block}.error-message{color:#ff6b6b;background-color:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.3)}.success-message{color:#51cf66;background-color:rgba(81,207,102,0.1);border:1px solid rgba(81,207,102,0.3)}.social-links{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin-top:var(--spacing-sm);pointer-events:auto}.social-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:0.8rem;color:var(--color-text-muted);text-decoration:none;transition:color 0.2s ease}.social-icon{width:16px;height:16px;flex-shrink:0}.social-link:hover{color:var(--color-text-primary);text-decoration:underline}.social-link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.typewriter-container{width:100%;max-width:500px;text-align:center;padding:var(--spacing-md) 0;margin-bottom:0;pointer-events:auto}.typewriter-text{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-primary);line-height:1.6;min-height:3em;--cursor-display:inline}.typewriter-text::after{content:'|';display:var(--cursor-display);animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@media (max-width:768px){:root{--font-size-4xl:3rem;--font-size-xl:1.5rem;--font-size-lg:1.25rem;--spacing-xl:2rem}.container{padding:var(--spacing-sm)}.hero-content{padding:var(--spacing-xl) var(--spacing-md)}.heading{text-align:left;line-height:1.2}.subheading{text-align:left}.typewriter-container{text-align:left}.typewriter-text{text-align:left}.form-group{flex-direction:column}.submit-btn{width:100%;padding:var(--spacing-md)}.social-links{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}}@media (max-width:480px){:root{--font-size-4xl:2.5rem;--font-size-xl:1.25rem;--font-size-lg:1rem;--spacing-lg:1.5rem;--spacing-md:1rem}.heading{font-size:2.1rem;text-align:left;line-height:1.3}.subheading{text-align:left}.typewriter-container{text-align:left}.typewriter-text{text-align:left}.hero-content{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-sm)}.email-input{padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:1920px){.container{max-width:1400px;margin:0 auto}}@media (max-height:600px) and (orientation:landscape){.hero-content{gap:var(--spacing-sm)}.heading{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.subheading{margin-bottom:var(--spacing-sm)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeIn 0.6s ease-out forwards;opacity:0}.heading{animation-delay:0.1s}.subheading{animation-delay:0.2s}.waitlist-form{animation-delay:0.3s}@media print{#background-canvas{display:none}body{background-color:white;color:black}}