The cheapest token
is the one not sent.

Big cloud models burn energy and budget on routine work that a small local model handles just as well. Orbix runs small, efficient models on your own hardware and saves the heavy reasoning for the steps that truly need it. Prompt caching and workflow memory mean repeat runs get cheaper, not costlier.

Two ways to ship AI.
We picked the harder one.

cloud-first orbix core

{[ ['data location', 'their servers', 'your machine'], ['inference', 'remote api', 'on-device'], ['cost model', 'per-token', 'free'], ['energy use', 'datacenter scale', 'laptop scale'], ['offline', 'no', 'yes'], ['audit trail', 'opaque', 'on-device log'], ['personal data to cloud', 'as sent', 'redacted first'], ['training on your data', 'often', 'never'], ].map(([k, a, b]) => (

{k} {a} {b}

))}

Orbix Core

Free forever

No price. No seats. No metering. Every feature, for everyone.

What do you get? Everything.

{user && user.license_key ? ( <> Download Orbix Core →

we log the download time and your account email. data policy

) : ( { e.preventDefault(); go('contact'); }} > Get Early Access → )}

Free forever. No subscriptions. No per-token fees.

Founder & CEO

Andreas S Wilborg Zeberg N.

Creative minded. Dad. Master of Orbix agents.

e.preventDefault()}> Instagram e.preventDefault()}> LinkedIn

Follow for baby spam, cozy getaways, and belemnites.

Rabbit holes and breakthroughs

Loves diving deep into problems until they crack open.
Obsessed with calm interfaces and automation you can trust.
Happiest three layers into a rabbit hole, chasing the thing nobody else noticed.

Moral Support

Bob

Ping pong partner for every CEO idea. Someone has to be productive.

"Bob is not allowed on social media."

Role in the company

Provides unwavering emotional stability during feature creep.
Approves ideas via silence or ping pong victory.
Has never once asked for a roadmap. Thrives in chaos.

Where we are

A small, focused team distributed across Europe. Engineering in Berlin and Tallinn. Design in Lisbon. Operations everywhere a laptop fits.

What we believe

Privacy is not a feature. Reliability is not a feature. They are the substrate. Everything we build sits on top of those two assumptions, and we will not compromise on either to ship faster.

How we work

Long cycles. Clear releases. No dark-pattern growth. We charge for software so we never have to charge for your data. The math is that simple.

SHORT HISTORY

{when}

{what}

{body}

request · early access encrypted in transit

{sent ? (

Request received.

We'll be in touch within two business days. In the meantime, browse the modules or read the vision.

{ e.preventDefault(); go('products'); }}>Products → { e.preventDefault(); go('vision'); }}>Vision →

) : (

name update('name', e.target.value)} placeholder="" />

email update('email', e.target.value)} placeholder="" />

organisation update('org', e.target.value)} placeholder="" />

team size

{['solo', '2-10', '11-50', '50+'].map((s) => ( ))}

how would you use orbix?

update('use', e.target.value)} placeholder="" />
                  </div>
                  {errorMsg && <div className="auth-error mono" role="alert">{errorMsg}</div>}
                  <div className="contact-submit">
                    <button type="submit" className="btn-primary btn-lg" disabled={submitting}>{submitting ? 'Sending' : 'Request access'} <span className="btn-arrow">→</span></button>
                    <span className="mono contact-meta">no marketing list · no analytics · no tracking</span>
                  </div>
                </form>
              )}
            </div>
          </div>
        </div>

<aside className="contact-side">
          <div className="contact-side-block">
            <div className="section-eyebrow mono"><span className="eyebrow-dot" /> ANDREAS</div>
            <h3>Founder & CEO.</h3>
            <p>For partnerships, press, procurement, and anything strategic. Write directly.</p>
            <a className="contact-link mono" href="mailto:asw@orbixcore.ai">asw@orbixcore.ai</a>
          </div>
          <div className="contact-side-block">
            <div className="section-eyebrow mono"><span className="eyebrow-dot" /> ORBIE</div>
            <h3>Everything else.</h3>
            <p>Support, license questions, activation issues, and curious questions about Orbix Core.</p>
            <a className="contact-link mono" href="mailto:orbie@orbixcore.ai">orbie@orbixcore.ai</a>
          </div>
        </aside>
      </section>
    </article>
  );
}

// ============================================================
// AUTH MODAL (sign in / create account) - wired to /api/auth/*
// ============================================================
function AuthModal({ mode, onClose, onSwitch, onSuccess, apiBase = '' }) {
  const isSignup = mode === 'signup';
  const [form, setForm] = useState({ name: '', email: '', password: '', license: '', marketing: true });
  const [showPw, setShowPw] = useState(false);
  const [loading, setLoading] = useState(false);
  const [errorMsg, setErrorMsg] = useState('');
  const update = (k, v) => setForm((f) => ({ ...f, [k]: v }));

const pw = form.password;
  const checks = {
    len: pw.length >= 8,
    upper: /[A-Z]/.test(pw),
    lower: /[a-z]/.test(pw),
    num: /[0-9]/.test(pw),
  };
  const allOk = isSignup ? Object.values(checks).every(Boolean) && form.email && form.name : form.email && pw;

useEffect(() => {
    const onKey = (e) => { if (e.key === 'Escape') onClose(); };
    window.addEventListener('keydown', onKey);
    document.body.style.overflow = 'hidden';
    return () => {
      window.removeEventListener('keydown', onKey);
      document.body.style.overflow = '';
    };
  }, [onClose]);

return (
    <div className="auth-overlay" onClick={onClose}>
      <div className="auth-modal" onClick={(e) => e.stopPropagation()}>
        <button className="auth-close" onClick={onClose} aria-label="Close">×</button>
        <div className="auth-bar mono">
          <span className="status-dot" />
          {isSignup ? 'create account · orbix core' : 'sign in · orbix core'}
          <span className="bob-card-spacer" />
          <span>encrypted</span>
        </div>
        <div className="auth-body">
          <div className="auth-head">
            <div className="section-eyebrow mono"><span className="eyebrow-dot" /> {isSignup ? 'NEW ACCOUNT' : 'WELCOME BACK'}</div>
            <h2 className="auth-title">{isSignup ? 'Create your account.' : 'Sign in to Orbix.'}</h2>
            <p className="auth-sub">{isSignup ? 'One account for downloads, license activation, and EU boundary settings.' : 'Pick up where you left off.'}</p>
          </div>

<form className="auth-form" onSubmit={submit}>
            {isSignup && (
              <div className="field">
                <label className="mono">name</label>
                <input type="text" required value={form.name} onChange={(e) => update('name', e.target.value)} placeholder="Andreas Schmidt" />
              </div>
            )}
            <div className="field">
              <label className="mono">email</label>
              <input type="email" required value={form.email} onChange={(e) => update('email', e.target.value)} placeholder="you@company.com" />
            </div>
            <div className="field">
              <label className="mono">password</label>
              <div className="pw-wrap">
                <input
                  type={showPw ? 'text' : 'password'}
                  required
                  value={form.password}
                  onChange={(e) => update('password', e.target.value)}
                  placeholder={isSignup ? '8+ characters' : 'your password'}
                />
                <button type="button" className="pw-toggle mono" onClick={() => setShowPw((v) => !v)}>
                  {showPw ? 'hide' : 'show'}
                </button>
              </div>
              {isSignup && (
                <div className="pw-checks mono">
                  <span className={checks.len ? 'ok' : ''}>{checks.len ? '✓' : '·'} 8+ chars</span>
                  <span className={checks.upper ? 'ok' : ''}>{checks.upper ? '✓' : '·'} uppercase</span>
                  <span className={checks.lower ? 'ok' : ''}>{checks.lower ? '✓' : '·'} lowercase</span>
                  <span className={checks.num ? 'ok' : ''}>{checks.num ? '✓' : '·'} number</span>
                </div>
              )}
            </div>
            {isSignup && (
              <div className="field">
                <label className="mono">license key <span className="field-opt">optional</span></label>
                <input type="text" value={form.license} onChange={(e) => update('license', e.target.value)} placeholder="ORBX-XXXX-XXXX-XXXX" />
              </div>
            )}

<button type="submit" className="btn-primary btn-lg auth-submit" disabled={!allOk || loading}>
              {loading ? <span className="auth-spinner" /> : null}
              {loading ? 'working' : isSignup ? 'Create account' : 'Sign in'}
              {!loading && <span className="btn-arrow">→</span>}
            </button>

{errorMsg && <p className="auth-error mono">{errorMsg}</p>}

{!isSignup && (
              <a href="#" className="auth-forgot mono" onClick={(e) => e.preventDefault()}>forgot password?</a>
            )}

<p className="auth-switch mono">
              {isSignup ? 'already have an account?' : "don't have an account yet?"}
              {' '}
              <button type="button" className="link-btn" onClick={onSwitch}>
                {isSignup ? 'sign in' : 'create one'}
              </button>
            </p>

{isSignup && (
              <>
                <label className="auth-consent mono">
                  <input
                    type="checkbox"
                    checked={form.marketing}
                    onChange={(e) => update('marketing', e.target.checked)}
                  />
                  <span>email me about Orbix Core releases and product updates. you can opt out any time.</span>
                </label>
                <p className="auth-fine mono">
                  By creating an account you accept our <a href="/data">data policy</a>. We store your name, email, and license activations on Vercel KV (EU). We don't run analytics or share with anyone.
                </p>
              </>
            )}
          </form>
        </div>
      </div>
    </div>
  );
}

// User menu (when signed in) - real license activation + download link
function UserMenu({ user, onSignOut }) {
  const [open, setOpen] = useState(false);
  const [activating, setActivating] = useState(false);
  const [keyVal, setKeyVal] = useState('');
  const [keyMsg, setKeyMsg] = useState('');
  const [licenseKey, setLicenseKey] = useState(user.license_key || null);
  const [marketingOptIn, setMarketingOptIn] = useState(user.marketing_opt_in !== false);
  const ref = useRef(null);

useEffect(() => { setLicenseKey(user.license_key || null); }, [user.license_key]);
  useEffect(() => { setMarketingOptIn(user.marketing_opt_in !== false); }, [user.marketing_opt_in]);

useEffect(() => {
    const onClick = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
    window.addEventListener('mousedown', onClick);
    return () => window.removeEventListener('mousedown', onClick);
  }, []);
  const initials = (user.name || user.email).split(/[\s@.]/).filter(Boolean).slice(0, 2).map((s) => s[0].toUpperCase()).join('');

return (
    <div className="user-menu" ref={ref}>
      <button className="user-pill" onClick={() => setOpen((v) => !v)}>
        <span className="user-avatar mono">{initials}</span>
        <span className="user-name">{user.name || user.email}</span>
        <span className="user-caret">▾</span>
      </button>
      {open && (
        <div className="user-dropdown">
          <div className="user-dd-head">
            <div className="user-dd-name">{user.name || user.email.split('@')[0]}</div>
            <div className="user-dd-email mono">{user.email}</div>
          </div>

{licenseKey ? (
            <>
              <div className="user-dd-license mono">{licenseKey}</div>
              <a className="user-dd-link" href="/api/download">Download orbixcore.dmg</a>
            </>
          ) : (
            <form className="user-dd-key" onSubmit={activate}>
              <label className="user-dd-key-label mono">Activate license</label>
              <div className="user-dd-key-row">
                <input
                  type="text"
                  className="user-dd-key-input mono"
                  placeholder="ORBX-PRO-XXXX-XXXX"
                  value={keyVal}
                  onChange={(e) => setKeyVal(e.target.value)}
                />
                <button type="submit" className="user-dd-key-btn mono" disabled={activating || !keyVal.trim()}>
                  {activating ? '…' : '→'}
                </button>
              </div>
              {keyMsg && <span className="user-dd-key-msg mono">{keyMsg}</span>}
            </form>
          )}

<label className="user-dd-toggle mono">
            <input type="checkbox" checked={marketingOptIn} onChange={toggleMarketing} />
            <span>email me about updates</span>
          </label>

<a className="user-dd-link user-dd-fine" href="/data">Data policy</a>
          <button className="user-dd-link user-dd-out" onClick={onSignOut}>Sign out</button>
        </div>
      )}
    </div>
  );
}

// ============================================================
// COOKIES PAGE (legal stub)
// ============================================================
function CookiesPage() {
  return (
    <article className="page">
      <PageHeader
        eyebrow="LEGAL"
        title="Cookies"
        soft="and other crumbs."
        body="Orbix Core does not use tracking cookies, analytics SDKs, or third-party fingerprinting. The site stores a session token and theme preference in your browser's local storage. Nothing else."
      />
      <section className="legal-grid">
        <div className="legal-col">
          <h3 className="about-h">What we store</h3>
          <p><strong>orbix-token</strong> - a JSON Web Token issued after sign-in. Used to authenticate API calls. Cleared on sign-out.</p>
          <p><strong>orbix-theme</strong> - your preference for light or dark mode.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">What we don't</h3>
          <p>No Google Analytics. No Mixpanel. No Segment. No advertising pixels. No session replay. No marketing cookies. No third-party CDNs that profile you.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">How to clear</h3>
          <p>Sign out from the user menu, or clear site data in your browser. Both actions revoke the token client-side. Server-side, tokens expire after 30 days.</p>
        </div>
      </section>
      <CTA />
    </article>
  );
}

function DataPolicyPage() {
  return (
    <article className="page">
      <PageHeader
        eyebrow="LEGAL"
        title="Data policy"
        soft="what we keep, where, and why."
        body="Plain English. No 4,000-word EULA. This is the whole policy."
      />
      <section className="legal-grid">
        <div className="legal-col">
          <h3 className="about-h">What we collect</h3>
          <p>When you create an account: <strong>email</strong>, <strong>name</strong>, and a <strong>password hash</strong> (bcrypt, never the plain password).</p>
          <p>When you activate a license: the <strong>license key</strong>, the <strong>email</strong> you tied it to, and a <strong>machine ID</strong> for license enforcement.</p>
          <p>When you download orbixcore.dmg: a <strong>timestamp</strong>, your <strong>email if signed in</strong> (otherwise anonymous), the <strong>user-agent</strong> string, and the <strong>IP that hit our edge</strong>.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">Where it lives</h3>
          <p>Everything sits in a single Vercel KV (Upstash Redis) database, in the EU region. The only people with access are the founders.</p>
          <p>We do not run analytics, advertising, session replay, or third-party SDKs that profile you. The Cookies page details what your browser stores locally.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">How we use it</h3>
          <p>To run the service: authenticate sign-ins, enforce license tiers, ship updates.</p>
          <p>To talk to you: when there's something we genuinely think you'd want to know about Orbix Core. New release, breaking change, early-access invite. <strong>Not</strong> drip campaigns or third-party offers.</p>
          <p>You're opted in by default when you create an account. You can opt out anytime from your account menu, or by emailing <a href="mailto:orbie@orbixcore.ai">orbie@orbixcore.ai</a>.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">Your rights</h3>
          <p><strong>Access:</strong> ask us for everything we have on you and we'll mail it back as JSON.</p>
          <p><strong>Correction:</strong> change your name and email from your account settings.</p>
          <p><strong>Deletion:</strong> the Delete account button in your menu wipes your record, your license activations, and your download history. Mail us if you want a confirmation.</p>
          <p><strong>Portability:</strong> the export above is also your portable copy.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">Sharing with anyone else</h3>
          <p>No. We don't sell, rent, or share your data with third parties. The only sub-processor is Vercel itself, who hosts the database.</p>
        </div>
        <div className="legal-col">
          <h3 className="about-h">Changes</h3>
          <p>If we change this policy, accounts created under the old version stay under the old version until you accept the new one in-app. The current version is dated <strong>2026-04-27</strong>.</p>
        </div>
      </section>
      <CTA />
    </article>
  );
}

// ============================================================
// ROADMAP  -  what's coming next, replaces the old GitHub footer link
// ============================================================
function RoadmapPage() {
  const items = [
    {
      id: 'windows',
      tag: 'CLIENT · WINDOWS',
      status: 'IN DEVELOPMENT',
      title: 'Same Bob, on Windows.',
      lede: 'A native Windows build with the same on-device runtime, the same Secure Relay, and free like the rest of Orbix Core. No second tier, no missing features.',
      bullets: [
        'Native installer · signed and auto-updating',
        'Window Intelligence parity · Bob reads the apps you already use',
        'Local inference on supported GPUs · no cloud required',
        'The same command-line tool and local endpoint as the Mac build',
      ],
      footnote: 'Internal alpha runs today. Public preview when it is ready.',
    },
    {
      id: 'linux',
      tag: 'CLIENT · LINUX',
      status: 'PLANNED',
      title: 'Orbix Core on Linux.',
      lede: 'A native Linux desktop build, so the same free, local-first Orbix Core runs on the machines many developers and teams already prefer.',
      bullets: [
        'Same runtime, same Bob, same reusable workflows',
        'Local inference on your own GPU',
        'The command-line tool and local endpoint, native to Linux',
      ],
      footnote: 'On the roadmap. It ships when it is genuinely ready, not before.',
    },
  ];

return (
    <article className="page">
      <PageHeader
        eyebrow="ROADMAP"
        title="What's"
        soft="next."
        body="What we're building right now. Each one earns its place. None of them ship before they're ready."
      />

<section className="roadmap">
        {items.map((it) => (
          <article key={it.id} className="roadmap-card">
            <header className="roadmap-card-head">
              <div className="roadmap-tag mono">{it.tag}</div>
              <div className="roadmap-status mono">
                <span className="status-dot" /> {it.status}
              </div>
            </header>
            <h2 className="roadmap-title">{it.title}</h2>
            <p className="roadmap-lede">{it.lede}</p>
            <ul className="roadmap-bullets">
              {it.bullets.map((b) => (
                <li key={b}>{b}</li>
              ))}
            </ul>
            <div className="roadmap-foot mono">{it.footnote}</div>
          </article>
        ))}
      </section>

<section className="roadmap-honest">
        <div className="section-eyebrow mono">
          <span className="eyebrow-dot" /> WHAT'S NOT ON THIS PAGE
        </div>
        <h2 className="section-title">
          We don't list things <span className="section-title-soft">we haven't started.</span>
        </h2>
        <p className="roadmap-honest-body">
          No vapour, no speculative line items, no quarter-roman-numeral charts. When something else is far enough along to be honest about, it shows up here. Until then, it doesn't.
        </p>
      </section>
    </article>
  );
}

// Expose to window so components.jsx can render them
Object.assign(window, {
  VisionPage, ProductsPage, PricingPage, AboutPage, ContactPage, CookiesPage, DataPolicyPage,
  RoadmapPage,
  AuthModal, UserMenu,
});

{title} {soft && {soft}}

Three phases.
One system that supports all of them.

{p.title}

The cheapest token
is the one not sent.

{p.title}

Two ways to ship AI.
We picked the harder one.

{c.title}

Orbix Core

What do you get? Everything.

{detail.title}

Andreas S Wilborg Zeberg N.

Rabbit holes and breakthroughs

Bob

Role in the company

Where we are

What we believe

How we work

{what}

Request received.

Three phases.One system that supports all of them.

{p.title}

The cheapest tokenis the one not sent.

{p.title}

Two ways to ship AI.We picked the harder one.

Three phases.
One system that supports all of them.

The cheapest token
is the one not sent.

Two ways to ship AI.
We picked the harder one.