@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap";:root{--supabase-green:#3ecf8e;--green-link:#00c573;--green-border:#3ecf8e4d;--near-black:#0f0f0f;--dark:#171717;--dark-border:#242424;--border-dark:#2e2e2e;--mid-border:#363636;--border-light:#393939;--off-white:#fafafa;--light-gray:#b4b4b4;--mid-gray:#898989;--font-primary:"Circular", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Source Code Pro", monospace;--bg-primary:var(--dark);--bg-secondary:var(--near-black);--text-primary:var(--off-white);--text-secondary:var(--mid-gray);--nav-bg:#171717cc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1.display-hero{letter-spacing:normal;font-size:72px;font-weight:400;line-height:1}h2.section-heading{font-size:36px;font-weight:400;line-height:1.25}h3.card-title{letter-spacing:-.16px;font-size:24px;font-weight:400;line-height:1.33}p.body-text{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.5}.code-label{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--mid-gray);font-size:12px;font-weight:400;line-height:1.33}a{color:var(--off-white);text-decoration:none;transition:color .2s}a:hover{color:var(--green-link)}a.nav-link{color:var(--off-white);font-size:14px;font-weight:500}.btn{font-family:var(--font-primary);cursor:pointer;border-radius:9999px;outline:none;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;text-decoration:none!important}.btn-primary{background-color:var(--supabase-green);color:var(--near-black);border:1px solid var(--supabase-green);padding:8px 16px}.btn-primary:hover{color:var(--near-black);background-color:#4fe5a1;border-color:#4fe5a1}.btn-secondary{background-color:var(--near-black);color:var(--off-white);border:1px solid var(--border-dark);padding:8px 16px}.btn-secondary:hover{border-color:var(--mid-border)}.btn-ghost{color:var(--off-white);background-color:#0000;border:1px solid #0000;border-radius:6px;padding:8px}.btn-ghost:hover{border-color:var(--border-dark)}.card{background-color:var(--near-black);border:1px solid var(--border-dark);border-radius:12px;padding:24px}.card:hover{border-color:var(--mid-border)}.input-field{background-color:var(--near-black);border:1px solid var(--border-dark);color:var(--off-white);font-family:var(--font-primary);border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.input-field:focus{border-color:var(--supabase-green);outline:none}.navbar{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:24px;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:128px 0}@media (width<=600px){h1.display-hero{font-size:48px}}