{imgSrc && ( {name}

)} {/* ice-blue duotone overlay */}

{/* glass scan-line */}

{/* corner mono caption */}

{name.split(' ')[0]}

{name}

{role}

{bio}

); } function AboutPageBody() { const values = [ { n: '01', t: 'Ship to production.', d: 'We measure ourselves against deployments, not demos.' }, { n: '02', t: 'Speak the language.', d: 'Azerbaijani, Russian, English. No model is good at our region by default — we make it good.' }, { n: '03', t: 'Earn the audit.', d: 'Every agent we ship can be inspected, reasoned about, and held accountable.' }, { n: '04', t: 'Respect the data.', d: "Our clients' data is sensitive. We architect for that from day one." }, ]; return ( <> Most AI shops talk about transformation. We ship working agents.} /> {/* Manifesto */}

Codage builds production AI for industries the global model providers don't optimize for — Azerbaijani-language document processing, Caspian-region regulatory environments, the operational realities of enterprises that have run on Russian-language documentation for forty years.

We work in the gap between what frontier models can do in English and what businesses in our region actually need.

Our agents don't sit in a sandbox. They process onboarding applications at retail banks, triage life insurance claims, query four decades of seismic reports, and detect fraud in real time. We measure success in production uptime and client retention, not press coverage.

{/* Values — typographic list, no glass cards */}

HOW WE WORK

Four principles.

These aren't slogans. They're how we choose what to build, what to refuse, and how we operate the agents we ship into production.

{values.map((v, i) => (

{v.n}

{v.t}

{v.d}

))}

{/* Mark divider — ghost mark separates manifesto/values from team */} {/* Founders */}

THE FOUNDERS

Two founders. Six agents in production.

Codage is hiring senior ML and AI engineers. Reach us at{' '} info@codage.az.

{/* Locations — composed strip with topo map, not equal cards */}

WHERE WE WORK

{/* Baku — anchor */}

Bakı

HEADQUARTERS

40.4093°N · 49.8671°E

+994 51 513 37 77 info@codage.az fatulla@codage.az

{/* Vertical hairline divider */}

{/* Paris — secondary */}

Paris

DESK

48.8566°N · 2.3522°E

+33 7 44 77 26 71 elgun@codage.az

{/* Subtle topographic visual in the background */}

); } /* ============================================ LAB PAGE ============================================ */ function LabPageBody() { const posts = [ { date: '2026-04-12', dateShort: '04.12', title: 'Tokenizing Azerbaijani: why off-the-shelf tokenizers waste 30% of your context window.', read: '8 min', tag: 'NLP' }, { date: '2026-03-28', dateShort: '03.28', title: 'Building a multilingual RAG pipeline over forty years of seismic reports.', read: '12 min', tag: 'RAG' }, { date: '2026-03-09', dateShort: '03.09', title: 'Liveness detection on low-bandwidth mobile networks: lessons from the field.', read: '6 min', tag: 'Vision' }, { date: '2026-02-21', dateShort: '02.21', title: 'Why we re-architected our fraud detection agent around explanations, not predictions.', read: '10 min', tag: 'Fraud' }, { date: '2026-02-04', dateShort: '02.04', title: 'What we learned shipping our first agent into production banking.', read: '14 min', tag: 'Production' }, { date: '2026-01-19', dateShort: '01.19', title: 'Russian + Azerbaijani medical NER: a benchmark and what it taught us.', read: '9 min', tag: 'NLP' }, { date: '2026-01-05', dateShort: '01.05', title: 'Sub-50ms LLM inference: the engineering behind real-time fraud explanations.', read: '11 min', tag: 'Inference' }, { date: '2025-12-15', dateShort: '12.15', title: 'Glass, code, and the Caspian: notes on building Codage.', read: '7 min', tag: 'Lab' }, ]; return ( <> What we learn, written down.} lead="Engineering notes, benchmarks, and post-mortems from shipping AI agents into regulated production. Not blog posts — work." />

{posts.map((p, i) => ( { e.currentTarget.style.paddingLeft = '12px'; }} onMouseOut={e => { e.currentTarget.style.paddingLeft = '0'; }}> {p.date} {p.tag}

{p.title}

{p.read} ))}

); } /* ============================================ CONTACT PAGE ============================================ */ function ContactPageBody() { const [form, setForm] = React.useState({ name: '', company: '', sector: '', message: '' }); const [submitted, setSubmitted] = React.useState(false); const max = 280; const onSubmit = (e) => { e.preventDefault(); setSubmitted(true); }; return ( <> Book a 30-minute AI Workflow Audit.} lead="We review one of your workflows, estimate automation potential, and tell you whether an AI agent actually makes sense. No deck, no pitch — we either see a clear opportunity or we tell you it's not the right fit yet." />

{/* Form */}

SEND US A NOTE

{submitted ? (

Thanks — we'll be in touch.

Response within 24 hours on business days.

) : (

setForm(f => ({ ...f, name: v }))} /> setForm(f => ({ ...f, company: v }))} />

Sector

What are you trying to solve? max ? '#E8A8B5' : 'var(--text-tertiary)' }}>{form.message.length} / {max}

setForm(f => ({ ...f, message: e.target.value.slice(0, max) }))}
                      rows={4}
                      style={{
                        width: '100%', padding: '14px 16px', fontSize: 16,
                        background: 'rgba(180,200,230,0.04)',
                        border: '1px solid var(--border-glass)',
                        borderRadius: 10,
                        color: 'var(--text-primary)',
                        fontFamily: 'var(--font-body)',
                        resize: 'vertical',
                        lineHeight: 1.5,
                      }} />
                  </div>
                  <button type="submit" className="btn btn-primary" style={{ alignSelf: 'flex-start', padding: '14px 28px' }}>
                    Send
                    <svg className="arrow-icon" width="14" height="14" viewBox="0 0 14 14" fill="none">
                      <path d="M2 7h10m0 0L7 2m5 5L7 12" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
                    </svg>
                  </button>
                </form>
              )}
            </div>

{/* Direct */}
            <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
              <a href="https://calendar.app.google/an2mX8SWcKPFcvNK6" target="_blank" rel="noopener noreferrer" className="glass glass-interactive" style={{
                padding: 28, borderRadius: 16, display: 'block',
              }}>
                <div className="eyebrow" style={{ marginBottom: 16, color: 'var(--accent-ice)' }}>BOOK · 30 MIN</div>
                <h3 className="serif" style={{ fontSize: 26, letterSpacing: '-0.02em', lineHeight: 1.15, marginBottom: 12 }}>AI Workflow Audit.</h3>
                <p style={{ fontSize: 14, color: 'var(--text-secondary)', marginBottom: 12 }}>One workflow, walked through end-to-end. Honest assessment of automation potential — including when it's not the right fit yet.</p>
                <span style={{ fontFamily: 'var(--font-mono)', fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.1em', color: 'var(--accent-ice)' }}>Open calendar →</span>
              </a>

{[
                { city: 'BAKU', sub: 'Headquarters', phone: '+994 51 513 37 77', email: 'info@codage.az' },
                { city: 'PARIS', sub: 'Desk', phone: '+33 7 44 77 26 71', email: 'elgun@codage.az' },
                { city: 'FATULLA', sub: 'Engineering & infrastructure', phone: null, email: 'fatulla@codage.az' },
              ].map(l => (
                <div key={l.city} className="glass" style={{ padding: 24, borderRadius: 14 }}>
                  <div className="eyebrow" style={{ marginBottom: 6 }}>{l.city}</div>
                  <div style={{ fontFamily: 'var(--font-mono)', fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.08em', color: 'var(--text-tertiary)', marginBottom: 14 }}>{l.sub}</div>
                  {l.phone && (
                    <a href={`tel:${l.phone.replace(/\s/g,'')}`} style={{ display: 'block', fontSize: 16, color: 'var(--text-primary)', marginBottom: 6 }}>{l.phone}</a>
                  )}
                  <a href={`mailto:${l.email}`} style={{ fontSize: 14, color: 'var(--accent-ice)', borderBottom: '1px solid var(--border-glass)' }}>{l.email}</a>
                </div>
              ))}
              <p style={{ fontSize: 13, color: 'var(--text-tertiary)', fontFamily: 'var(--font-mono)', textTransform: 'uppercase', letterSpacing: '0.1em' }}>Response within 24 hours on business days.</p>
            </div>
          </div>
        </div>
      </section>

<FAQSection />
    </>
  );
}

function FAQSection() {
  const [open, setOpen] = React.useState(0);
  const faqs = [
    {
      q: 'Do you use OpenAI, open-source models, or custom models?',
      a: 'We choose per deployment based on the client\'s security, latency, language, and cost requirements. Closed frontier models for some workflows, fine-tuned open-weight models for others, and our own custom models where regional language quality matters.',
    },
    {
      q: 'Can you deploy on-premise?',
      a: 'Yes. For sensitive industries, we deploy in private cloud, on-premise, or fully air-gapped environments. We\'ve architected for each.',
    },
    {
      q: 'Do you support Azerbaijani and Russian documents?',
      a: 'Yes. This is one of our core advantages. We\'ve fine-tuned tokenizers and NER models specifically for Azerbaijani and Russian text in financial, medical, and technical domains.',
    },
    {
      q: 'Do you only build chatbots?',
      a: 'No. Most of our work is workflow automation, document intelligence, retrieval systems, and decision-support agents. Conversational interfaces are sometimes part of the solution but rarely the whole solution.',
    },
    {
      q: 'How long does a proof of concept take?',
      a: 'Typically 2–6 weeks depending on data access and system complexity. The first week is usually spent on data assessment and scope definition before any model work begins.',
    },
    {
      q: 'What happens after we book the workflow audit?',
      a: 'A 30-minute call where we walk through one of your workflows, identify automation potential, and give you our honest assessment. No deck, no pitch — we either see a clear AI opportunity or we tell you it\'s not the right fit yet.',
    },
  ];
  return (
    <section data-bg="elevated" style={{ paddingTop: 100, paddingBottom: 140 }}>
      <div className="container">
        <div className="section-hairline" style={{ marginBottom: 48, transform: 'scaleX(1)' }} />
        <div className="faq-head" style={{ display: 'grid', gridTemplateColumns: '1fr 1.6fr', gap: 64, marginBottom: 48 }}>
          <div>
            <div className="eyebrow" style={{ marginBottom: 16 }}>FAQ</div>
            <h2 className="serif" style={{ fontSize: 'clamp(36px, 4.5vw, 64px)', letterSpacing: '-0.025em', lineHeight: 1.0, margin: 0 }}>
              Six questions <em style={{ color: 'var(--accent-ice)', fontStyle: 'italic' }}>we get every week.</em>
            </h2>
          </div>
          <p style={{ fontSize: 17, lineHeight: 1.6, color: 'var(--text-secondary)', alignSelf: 'flex-end', maxWidth: 540, margin: 0 }}>
            If your question isn't here, ask it on the audit call — we'd rather answer something specific than something generic.
          </p>
        </div>

<div className="faq-list">
          {faqs.map((f, i) => {
            const isOpen = open === i;
            return (
              <div key={i} className={`faq-row${isOpen ? ' is-open' : ''}`} style={{ borderBottom: i === faqs.length - 1 ? '1px solid var(--border-glass)' : 'none' }}>
                <button
                  onClick={() => setOpen(isOpen ? -1 : i)}
                  aria-expanded={isOpen}
                  style={{
                    display: 'grid',
                    gridTemplateColumns: '60px 1fr 32px',
                    gap: 24,
                    alignItems: 'baseline',
                    width: '100%',
                    padding: '28px 0',
                    textAlign: 'left',
                    fontFamily: 'inherit',
                    color: 'inherit',
                  }}
                >
                  <span style={{ fontFamily: 'var(--font-mono)', fontSize: 11, color: 'var(--text-tertiary)', letterSpacing: '0.12em' }}>0{i + 1}</span>
                  <h3 className="serif faq-q" style={{
                    fontSize: 'clamp(22px, 2.4vw, 30px)',
                    letterSpacing: '-0.015em',
                    lineHeight: 1.2,
                    margin: 0,
                  }}>{f.q}</h3>
                  <span style={{
                    width: 24,
                    height: 24,
                    border: '1px solid var(--border-glass)',
                    borderRadius: '50%',
                    display: 'inline-flex',
                    alignItems: 'center',
                    justifyContent: 'center',
                    color: 'var(--accent-ice)',
                    fontFamily: 'var(--font-mono)',
                    fontSize: 14,
                    transition: 'transform 300ms var(--ease-out-expo)',
                    transform: isOpen ? 'rotate(45deg)' : 'rotate(0)',
                    justifySelf: 'flex-end',
                  }}>+</span>
                </button>
                <div className="faq-body">
                  <div style={{
                    display: 'grid',
                    gridTemplateColumns: '60px 1fr 32px',
                    gap: 24,
                    paddingBottom: 32,
                  }}>
                    <span />
                    <p style={{ fontSize: 17, lineHeight: 1.6, color: 'var(--text-secondary)', maxWidth: 720, margin: 0 }}>{f.a}</p>
                  </div>
                </div>
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
}

function ContactField({ label, value, onChange }) {
  return (
    <div>
      <label className="eyebrow" style={{ display: 'block', marginBottom: 10 }}>{label}</label>
      <input type="text" value={value} onChange={e => onChange(e.target.value)}
        style={{
          width: '100%', padding: '14px 16px', fontSize: 16,
          background: 'rgba(180,200,230,0.04)',
          border: '1px solid var(--border-glass)',
          borderRadius: 10,
          color: 'var(--text-primary)',
          fontFamily: 'var(--font-body)',
        }} />
    </div>
  );
}

Object.assign(window, { AboutPageBody, LabPageBody, ContactPageBody, FounderCard });