:root{--color-primary:#3ecf8e;--color-primary-deep:#24b47e;--color-primary-soft:#4ade80;--color-ink:#171717;--color-ink-secondary:#212121;--color-ink-mute:#707070;--color-ink-mute-2:#9a9a9a;--color-ink-faint:#b2b2b2;--color-on-primary:#171717;--color-on-dark:#fff;--color-canvas:#fff;--color-canvas-soft:#fafafa;--color-canvas-night:#1c1c1c;--color-canvas-night-soft:#202020;--color-hairline:#dfdfdf;--color-hairline-strong:#c7c7c7;--color-hairline-cool:#ededed;--color-hairline-cool-2:#efefef;--color-hairline-cool-3:#d4d4d4;--color-focus-ring:#3ecf8e;--font-sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-display-xxl:500 64px/1.1 var(--font-sans);--text-display-xl:500 48px/1.1 var(--font-sans);--text-display-lg:500 36px/1.15 var(--font-sans);--text-display-md:500 28px/1.2 var(--font-sans);--text-heading-lg:500 22px/1.2 var(--font-sans);--text-heading-md:500 18px/1.4 var(--font-sans);--text-body-lg:400 18px/1.55 var(--font-sans);--text-body-md:400 16px/1.5 var(--font-sans);--text-button-md:500 14px/1 var(--font-sans);--text-caption:400 13px/1.45 var(--font-sans);--text-micro:400 12px/1.45 var(--font-sans);--text-code:400 14px/1.5 var(--font-mono);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-huge:64px;--content-max:1280px;--nav-height:64px;--shadow-1:0 1px 3px #0000000f;--shadow-2:0 8px 24px #00000014;--shadow-3:0 16px 48px #0000001f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font:var(--text-body-md);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.container{width:100%;max-width:var(--content-max);padding-inline:var(--space-xl);margin-inline:auto}.brand-signal{margin:0 0 var(--space-md);font:var(--text-display-xl);letter-spacing:-1.44px;color:var(--color-ink)}.brand-signal .dot{color:var(--color-primary)}.eyebrow{margin:0 0 var(--space-sm);font:var(--text-caption);color:var(--color-ink-mute)}.link-underline{text-underline-offset:3px;text-decoration:underline}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}@media (width<=768px){.container{padding-inline:var(--space-lg)}.brand-signal{font:var(--text-display-lg);letter-spacing:-.72px}}.btn{cursor:pointer;font:var(--text-button-md);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 16px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-deep)}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--color-ink-mute-2)}.btn-dark{background:var(--color-canvas-night);color:var(--color-on-dark)}.btn-dark:hover:not(:disabled){background:var(--color-canvas-night-soft)}.btn-link{color:var(--color-ink);text-underline-offset:3px;background:0 0;min-height:auto;padding:0;text-decoration:underline}.topnav{z-index:40;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-cool);position:sticky;top:0}.topnav-inner{align-items:center;gap:var(--space-lg);min-height:var(--nav-height);padding-block:var(--space-sm);display:flex}.topnav-brand{font:var(--text-heading-md);letter-spacing:-.2px;align-items:center;gap:10px;display:inline-flex}.topnav-brand-dot{color:var(--color-primary)}.topnav-links{align-items:center;gap:var(--space-xl);font:var(--text-body-md);color:var(--color-ink);margin-inline:auto;display:flex}.topnav-links a{transition:color .15s}.topnav-links a:hover,.topnav-links a.active{color:var(--color-ink)}.topnav-actions{align-items:center;gap:var(--space-lg);display:flex}.topnav-login{font:var(--text-button-md);color:var(--color-ink)}.topnav-menu{color:var(--color-ink);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.topnav-drawer{display:none}@media (width<=768px){.topnav-menu{display:inline-flex}.topnav-links,.topnav-actions{display:none}.topnav-brand{margin-inline:auto}.topnav-drawer{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) var(--space-xxl);border-top:1px solid var(--color-hairline-cool);background:var(--color-canvas);flex-direction:column;display:flex}.topnav-drawer a{font:var(--text-heading-md)}}.footer{border-top:1px solid var(--color-hairline-cool);padding:var(--space-huge) 0 var(--space-xxl);color:var(--color-ink-mute);font:var(--text-caption)}.footer-grid{gap:var(--space-xxl);margin-bottom:var(--space-huge);grid-template-columns:repeat(4,1fr);display:grid}.footer-col h3{margin:0 0 var(--space-md);font:var(--text-button-md);color:var(--color-ink)}.footer-col ul{gap:var(--space-sm);display:grid}.footer-col a:hover{color:var(--color-ink)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--color-hairline-cool);display:flex}.footer-brand{font:var(--text-heading-md);color:var(--color-ink);align-items:center;gap:10px;display:inline-flex}.footer-copy{margin:0}@media (width<=768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}.home-hero{gap:var(--space-xxl);padding-block:72px var(--space-huge);min-height:calc(100vh - var(--nav-height));grid-template-columns:1fr 1.05fr;align-items:center;display:grid}.home-hero h1{font:var(--text-display-xxl);letter-spacing:-1.92px;max-width:14ch;margin-bottom:var(--space-lg)}.home-hero-lead{font:var(--text-body-lg);color:var(--color-ink-mute);max-width:42ch;margin-bottom:var(--space-xl)}.home-hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.home-hero-mock{min-height:420px;position:relative}.mock-pane{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-2);overflow:hidden}.mock-sql{background:var(--color-canvas-night);width:78%;color:var(--color-on-dark);z-index:1;position:absolute;top:0;right:0;transform:rotate(-1.5deg)}.mock-sql .mock-chrome{background:var(--color-canvas-night-soft);border-bottom-color:#ffffff14}.mock-sql pre{padding:var(--space-lg);font:var(--text-code);color:#d4d4d4;white-space:pre-wrap;margin:0}.mock-table{z-index:2;width:86%;position:absolute;bottom:0;left:0;transform:rotate(1deg)}.mock-table table{border-collapse:collapse;width:100%;font:var(--text-caption)}.mock-table th,.mock-table td{text-align:left;border-bottom:1px solid var(--color-hairline-cool);padding:10px 14px}.mock-table th{color:var(--color-ink-mute);font-weight:500}.pill{border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font:var(--text-micro);align-items:center;padding:2px 8px;display:inline-flex}.home-pillars,.home-features,.home-code,.home-cta{padding-block:var(--space-huge)}.home-pillars h2,.home-features h2,.home-code h2,.home-cta h2{font:var(--text-display-xl);letter-spacing:-1.44px;margin-bottom:var(--space-xxl)}.home-pillar-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.pillar-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xxl);background:var(--color-canvas)}.pillar-icon{color:var(--color-ink);margin-bottom:var(--space-lg)}.pillar-card h3{font:var(--text-heading-lg);margin-bottom:var(--space-sm)}.pillar-card p{color:var(--color-ink-mute);font:var(--text-body-md)}.home-feature-list{gap:var(--space-lg);display:grid}.feature-row{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xxl);background:var(--color-canvas-soft)}.feature-row h3{font:var(--text-display-md);letter-spacing:-.42px;margin-bottom:var(--space-sm)}.feature-row p{color:var(--color-ink-mute);max-width:60ch}.home-code{gap:var(--space-xxl);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.home-code-copy p{color:var(--color-ink-mute);margin-bottom:var(--space-xl);max-width:42ch}.home-code-copy h2{margin-bottom:var(--space-lg)}.code-block{background:var(--color-canvas-night);color:var(--color-on-dark);border-radius:var(--radius-sm);padding:var(--space-lg);box-shadow:var(--shadow-2)}.code-block pre{font:var(--text-code);color:#e8e8e8;white-space:pre-wrap;margin:0}.home-cta-inner{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-huge) var(--space-xxl);text-align:center;background:linear-gradient(180deg, var(--color-canvas-soft) 0%, var(--color-canvas) 100%)}.home-cta-inner h2{margin-bottom:var(--space-md)}.home-cta-inner p{color:var(--color-ink-mute);margin-bottom:var(--space-xl)}@media (width<=1024px){.home-hero{grid-template-columns:1fr;min-height:auto}.home-hero-mock{min-height:360px}.home-pillar-grid{grid-template-columns:1fr 1fr}.home-code{grid-template-columns:1fr}}@media (width<=768px){.home-hero h1,.home-pillars h2,.home-features h2,.home-code h2,.home-cta h2{font:var(--text-display-lg);letter-spacing:-.72px}.home-pillar-grid{grid-template-columns:1fr}.mock-sql{display:none}.mock-table{width:100%;position:relative;transform:none}.home-hero-mock{min-height:auto}}.database-hero{padding-block:72px var(--space-xxl);max-width:820px}.database-hero h1{font:var(--text-display-xxl);letter-spacing:-1.92px;margin-bottom:var(--space-lg)}.database-lead{font:var(--text-body-lg);color:var(--color-ink-mute);margin-bottom:var(--space-xl)}.database-panel{gap:var(--space-xxl);padding-bottom:var(--space-huge);grid-template-columns:1.2fr .9fr;align-items:start;display:grid}.database-mock{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-2);overflow:hidden}.mock-chrome{border-bottom:1px solid var(--color-hairline-cool);background:var(--color-canvas-soft);align-items:center;gap:6px;padding:10px 12px;display:flex}.mock-chrome span{background:var(--color-hairline-cool-3);border-radius:50%;width:8px;height:8px}.mock-chrome em{font:var(--text-micro);color:var(--color-ink-mute-2);margin-left:auto;font-style:normal}.database-mock table{border-collapse:collapse;width:100%;font:var(--text-caption)}.database-mock th,.database-mock td{text-align:left;border-bottom:1px solid var(--color-hairline-cool);padding:12px 14px}.database-mock th{color:var(--color-ink-mute);font-weight:500}.pill{border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font:var(--text-micro);padding:2px 8px;display:inline-flex}.pill.soft{background:var(--color-canvas-soft);color:var(--color-ink)}.database-caps h2{font:var(--text-display-md);letter-spacing:-.42px;margin-bottom:var(--space-xl)}.database-caps ul{gap:var(--space-md);display:grid}.database-caps li{align-items:flex-start;gap:var(--space-sm);color:var(--color-ink-secondary);display:flex}.database-caps li svg{color:var(--color-primary-deep);flex-shrink:0;margin-top:2px}@media (width<=1024px){.database-panel{grid-template-columns:1fr}}@media (width<=768px){.database-hero h1{font:var(--text-display-lg);letter-spacing:-.72px}}.pricing-hero{padding-block:72px var(--space-xxl);max-width:820px}.pricing-hero h1{font:var(--text-display-xxl);letter-spacing:-1.92px;margin-bottom:var(--space-lg)}.pricing-lead{font:var(--text-body-lg);color:var(--color-ink-mute)}.pricing-grid{gap:var(--space-lg);padding-bottom:var(--space-huge);grid-template-columns:repeat(4,1fr);display:grid}.pricing-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xxl);background:var(--color-canvas);flex-direction:column;min-height:100%;display:flex}.pricing-card.featured{background:var(--color-canvas-night);color:var(--color-on-dark);border-color:#0000}.pricing-card h2{font:var(--text-heading-lg);margin-bottom:var(--space-lg)}.pricing-price{margin-bottom:var(--space-sm);align-items:baseline;gap:6px;display:flex}.pricing-amount{font:var(--text-display-md);letter-spacing:-.42px}.pricing-period{font:var(--text-caption);color:var(--color-ink-mute)}.pricing-card.featured .pricing-period{color:#ffffffa6}.pricing-blurb{font:var(--text-body-md);color:var(--color-ink-mute);margin-bottom:var(--space-xl);min-height:3em}.pricing-card.featured .pricing-blurb{color:#ffffffb8}.pricing-card ul{gap:var(--space-sm);margin-bottom:var(--space-xl);flex:1;display:grid}.pricing-card li{align-items:flex-start;gap:var(--space-sm);font:var(--text-caption);display:flex}.pricing-card li svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}.pricing-card .btn{width:100%}@media (width<=1024px){.pricing-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.pricing-hero h1{font:var(--text-display-lg);letter-spacing:-.72px}.pricing-grid{grid-template-columns:1fr}}