.hm-noscript { background: #142720; color: #f4eee2; min-height: 100vh; font: 400 20px/1.55 "Source Serif 4", Georgia, serif; } .hm-noscript * { box-sizing: border-box; } .hm-noscript main { max-width: 1100px; margin: 0 auto; padding: 0 24px 64px; } .hm-noscript nav { display: flex; justify-content: space-between; align-items: center; padding-bottom: 56px; border-bottom: 1px solid rgba(244,238,226,.14); font: 500 12px/1 "IBM Plex Mono", monospace; letter-spacing: .18em; text-transform: uppercase; } .hm-noscript a { color: #9fb89a; } .hm-noscript h1, .hm-noscript h2 { color: #f4eee2; font-family: Fraunces, Georgia, serif; font-weight: 400; line-height: 1.03; } .hm-noscript h1 { font-size: clamp(3.5rem, 9vw, 7.5rem); max-width: 10ch; margin: 0 0 32px; } .hm-noscript h2 { font-size: clamp(2.25rem, 5vw, 4rem); max-width: 10ch; margin: 0 0 24px; } .hm-noscript .eyebrow, .hm-noscript .label { color: #9fb89a; font: 500 12px/1.4 "IBM Plex Mono", monospace; letter-spacing: .18em; text-transform: uppercase; } .hm-noscript .lead { color: #b9c2b4; max-width: 42rem; font-size: 1.35rem; } .hm-noscript section { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 96px 0; border-top: 1px solid rgba(244,238,226,.14); } .hm-noscript .relationship { display: flex; align-items: center; gap: 24px; color: #9fb89a; font-family: "IBM Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; } .hm-noscript .relationship span { border: 1px solid rgba(159,184,154,.5); border-radius: 999px; padding: 14px 18px; font-size: 11px; } .hm-noscript .relationship i { font-style: normal; font-size: 11px; } .hm-noscript .steps { display: grid; gap: 0; max-width: 760px; border-top: 1px solid rgba(244,238,226,.14); } .hm-noscript .step { display: grid; grid-template-columns: 64px 120px 1fr; gap: 18px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid rgba(244,238,226,.14); } .hm-noscript .number { color: #9fb89a; font: italic 2rem/1 Fraunces, Georgia, serif; } .hm-noscript .step-title { font: 500 11px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; } .hm-noscript .step-copy { color: #b9c2b4; } .hm-noscript .button { display: inline-block; margin-top: 28px; padding: 15px 23px; background: #c9a467; color: #142720; text-decoration: none; font: 500 12px/1 "IBM Plex Mono", monospace; letter-spacing: .14em; text-transform: uppercase; } .hm-noscript footer { color: #b9c2b4; font: 500 12px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; } @media (max-width: 680px) { .hm-noscript section { min-height: auto; padding: 96px 0; } .hm-noscript .relationship { gap: 10px; } .hm-noscript .relationship span { padding: 11px 10px; font-size: 9px; } .hm-noscript .step { grid-template-columns: 42px 1fr; gap: 10px; } .hm-noscript .step-copy { grid-column: 2; } }

Software architecture studio

Software should fit the work.

We build custom software around your business, at the speed and price of off-the-shelf.

02 / What we do

We build around your data.

Your workflows become the architecture. No generic fields. No translation layer.

Your datashapesSoftware

03 / How it works

Three moves. One system.

Start with the work. Build around the context. Keep the ownership.

i.ContextTell us how the work actually happens.

ii.BuildWe turn that context into the system.

iii.OwnershipYou own the data. We maintain the software.

04 / Start here

Book a free consultation.

Bring us the problem. We’ll talk through the shape of a solution.

Book a consultation