@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600&display=swap";:root{--brand-green: #01ff5e;--bg-main: #0a0a0a;--bg-surface: #141414;--bg-surface-alt: #1a1a1a;--text-primary: #fafafa;--text-muted: #9ca3af;--text-on-primary: #0a0a0a;--border: #374151;--font-mono: "IBM Plex Mono", monospace;--font-sans: "General Sans", sans-serif;--font-serif: "Noto Serif", serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-main);color:var(--text-primary)}body{min-height:100vh;min-height:100dvh;background:var(--bg-main);color:var(--text-primary)}.landing{display:flex;min-height:100vh;min-height:100dvh;width:100%}.content-panel{width:50%;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,4rem);position:relative;z-index:2;background:var(--bg-surface);overflow-y:auto}.content-inner{display:flex;flex-direction:column;max-width:600px;margin-top:auto;margin-bottom:auto}.terrain-panel{width:50%;position:relative;overflow:hidden}.nav-logo{height:24px;margin-bottom:2.5rem;align-self:flex-start;flex-shrink:0}.headline{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:400;line-height:1.15;margin-bottom:1.5rem}.typewriter-line{display:block;height:1.2em}.flip-text{color:var(--brand-green);display:inline-block;transition:transform .4s ease,opacity .4s ease}.flip-text.flip-in{transform:translateY(0);opacity:1}.flip-text.flip-out{transform:translateY(.5em);opacity:0}.subtitle{font-family:var(--font-sans);font-size:clamp(.95rem,1.1vw,1.15rem);color:var(--text-muted);line-height:1.7;margin-bottom:2rem;max-width:520px}.cta-button{display:inline-block;font-family:var(--font-mono);font-size:clamp(.85rem,1vw,1rem);font-weight:600;color:var(--text-on-primary);background:var(--brand-green);padding:.85rem 2rem;border-radius:4px;text-decoration:none;margin-bottom:3rem;transition:opacity .2s;align-self:flex-start}.cta-button:hover{opacity:.85}.social-proof{display:flex;flex-direction:column;gap:1.5rem}.proof-section{display:flex;flex-direction:column;gap:.6rem}.proof-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.proof-logos{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.proof-logo{height:32px;width:auto;max-width:160px;object-fit:contain}.proof-logo.invert{filter:brightness(0) invert(1)}.copyright{position:absolute;bottom:clamp(1rem,2vw,1.5rem);left:clamp(1.5rem,4vw,4rem);font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);opacity:.6;letter-spacing:.02em}@media(max-width:1024px){.content-panel{width:55%}.terrain-panel{width:45%}.proof-logo{height:26px;max-width:130px}}@media(max-height:750px){.headline{margin-bottom:1rem}.subtitle{margin-bottom:1.25rem}.cta-button{margin-bottom:1.5rem;padding:.65rem 1.5rem}.social-proof{gap:1rem}.nav-logo{height:20px}}@media(max-width:768px){body{overflow-x:hidden}.landing{flex-direction:column;position:relative}.terrain-panel{position:absolute;inset:0;width:100%;height:100%;z-index:0}.content-panel{width:100%;min-height:100vh;min-height:100dvh;z-index:1;padding:1.5rem;background:transparent;align-items:center}.nav-logo{height:18px;margin-bottom:1.5rem;align-self:center}.content-inner{background:#0a0a0ad9;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;text-align:center;max-width:100%}.content-inner .headline,.content-inner .subtitle{text-align:center}.content-inner .cta-button{align-self:center}.content-inner .social-proof,.content-inner .proof-section{align-items:center}.headline{font-size:clamp(2.2rem,8vw,3rem)}.typewriter-line{height:1.2em;white-space:nowrap}.subtitle{font-size:1rem}.proof-logo{height:24px;max-width:120px}}@media(max-width:400px){.content-inner{padding:1.25rem}.headline{font-size:2rem}.cta-button{padding:.75rem 1.5rem;font-size:.85rem}.proof-logos{gap:1rem}.proof-logo{height:20px;max-width:100px}}
