<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>OXG Tech — Contract, Consulting &amp; Project Services</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <style> :root{ --ink:#1b2640; /* deep brand navy */ --ink-2:#243352; /* lifted navy panel */ --slate:#5e708c; /* mid slate (cloud wheel) */ --mist:#aab3c2; /* light slate */ --line:#d9dce3; /* hairline on paper */ --paper:#fbfaf7; /* warm off-white */ --paper-2:#f3f1ea; /* deeper paper */ --brass:#b08d4f; /* restrained warm accent — used only as marks/hairlines */ --ink-soft:#4a5568; /* body on paper */ } *{box-sizing:border-box;margin:0;padding:0} html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body{ font-family:"Inter",system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; } .wrap{max-width:1080px;margin:0 auto;padding:0 32px} .serif{font-family:"Cormorant Garamond",Georgia,serif} /* eyebrow / labels */ .eyebrow{ font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase; color:var(--slate);display:inline-flex;align-items:center;gap:12px; } .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass)} /* ---------- HERO ---------- */ .hero{padding:84px 0 56px;border-bottom:1px solid var(--line)} .hero h1{ font-family:"Cormorant Garamond",Georgia,serif; font-weight:500;font-size:clamp(40px,6.2vw,76px);line-height:1.02; letter-spacing:-.01em;margin:22px 0 0;max-width:14ch; } .hero h1 em{font-style:italic;color:var(--slate)} .hero .lede{ font-size:clamp(17px,1.9vw,20px);color:var(--ink-soft); max-width:60ch;margin-top:26px; } .hero .lede strong{color:var(--ink);font-weight:600} .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px} .chip{ font-size:12.5px;font-weight:600;letter-spacing:.04em; padding:8px 14px;border:1px solid var(--line);border-radius:999px; color:var(--ink);background:#fff; } /* section scaffolding */ .section{padding:72px 0;border-bottom:1px solid var(--line)} .section h2{ font-family:"Cormorant Garamond",Georgia,serif;font-weight:500; font-size:clamp(30px,3.6vw,44px);line-height:1.05;letter-spacing:-.01em;margin-top:14px; } .section .intro{color:var(--ink-soft);max-width:62ch;margin-top:14px;font-size:16.5px} /* ---------- SIGNATURE: ENGAGEMENT SPECTRUM ---------- */ .spectrum{margin-top:46px} .spectrum-axis{ display:flex;align-items:center;justify-content:space-between; font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase; color:var(--slate);margin-bottom:18px; } .spectrum-axis .track{ flex:1;height:1px;margin:0 16px; background:linear-gradient(90deg,var(--line),var(--brass)); position:relative; } .spectrum-axis .track::after{ content:"";position:absolute;right:-1px;top:-3px; border-left:7px solid var(--brass);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent; } .rungs{ display:grid;grid-template-columns:repeat(4,1fr);gap:18px; } .rung{ background:#fff;border:1px solid var(--line);border-radius:4px; padding:24px 22px 26px;position:relative;display:flex;flex-direction:column; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .rung:hover{transform:translateY(-3px);box-shadow:0 14px 34px -22px rgba(27,38,64,.55);border-color:var(--slate)} .rung .num{ font-family:"Cormorant Garamond",serif;font-size:30px;line-height:1; color:var(--mist);font-weight:600; } .rung .role{ font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; color:var(--brass);margin-top:14px; } .rung h3{ font-family:"Cormorant Garamond",serif;font-weight:600;font-size:24px; line-height:1.1;margin-top:6px;color:var(--ink); } .rung p{font-size:14px;color:var(--ink-soft);margin-top:10px} /* fourth rung emphasized as the "most service-like" end */ .rung.lead{background:var(--ink);border-color:var(--ink)} .rung.lead .num{color:rgba(255,255,255,.32)} .rung.lead h3{color:#fff} .rung.lead p{color:#c9d0dd} .rung.lead .role{color:#d8b87f} /* ---------- DOMAINS ---------- */ .domains{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line); border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-top:40px} .domain{background:#fff;padding:30px 26px} .domain .dlabel{ font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)} .domain h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:26px;margin-top:8px} .domain ul{list-style:none;margin-top:14px} .domain li{font-size:14px;color:var(--ink-soft);padding:7px 0;border-top:1px solid var(--paper-2)} .domain li:first-child{border-top:0} /* ---------- COMMERCIAL MODELS ---------- */ .models{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px} .model{padding:26px 24px;border:1px solid var(--line);border-radius:4px;background:#fff} .model .mk{font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:600;color:var(--ink)} .model .mk::before{content:attr(data-k);display:block;font-family:"Inter",sans-serif; font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--brass);margin-bottom:8px} .model p{font-size:14px;color:var(--ink-soft);margin-top:10px} /* ---------- ASSURANCE (navy band) ---------- */ .assurance{background:var(--ink);color:#fff;border:0} .assurance .eyebrow{color:#9fb0cc} .assurance .eyebrow::before{background:var(--brass)} .assurance h2{color:#fff} .assurance .intro{color:#c2cadb} .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px} .stat .fig{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(44px,5vw,60px); line-height:1;color:#fff;letter-spacing:-.01em} .stat .fig span{color:var(--brass)} .stat .cap{font-size:13.5px;color:#aeb8cc;margin-top:12px;max-width:24ch} .stat{border-top:1px solid rgba(255,255,255,.16);padding-top:20px} /* ---------- REGULATED ---------- */ .reg .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px} .reg .tags span{font-size:13px;font-weight:600;color:var(--ink); border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px} /* ---------- CTA ---------- */ .cta{padding:78px 0;text-align:center} .cta h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(32px,4.4vw,52px); line-height:1.05;max-width:18ch;margin:14px auto 0} .cta p{color:var(--ink-soft);margin:18px auto 0;max-width:48ch} .btn{display:inline-block;margin-top:30px;background:var(--ink);color:#fff; font-weight:600;font-size:15px;letter-spacing:.02em;padding:15px 32px;border-radius:3px; text-decoration:none;transition:background .18s ease} .btn:hover{background:var(--ink-2)} .contactline{margin-top:26px;font-size:14px;color:var(--ink-soft)} .contactline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)} /* two primary models + soft secondary */ .pair{display:grid;grid-template-columns:1fr 1fr;gap:18px} .rung.big{padding:30px 28px 32px} .rung.big p{font-size:14.5px;margin-top:12px} .more{margin-top:16px;border:1px dashed var(--mist);border-radius:4px;background:#fff; padding:18px 22px;display:flex;gap:18px;align-items:baseline} .more-k{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase; color:var(--brass);white-space:nowrap;flex:0 0 auto;padding-top:2px} .more p{font-size:14.5px;color:var(--ink-soft)} .more p strong{color:var(--ink);font-weight:600} /* case study / proof */ .proof{background:var(--ink);color:#fff;border:0} .proof .eyebrow{color:#9fb0cc}.proof .eyebrow::before{background:var(--brass)} .proof h2{color:#fff} .proof .ptags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .proof .ptags span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase; color:#d8b87f;border:1px solid rgba(216,184,127,.4);border-radius:999px;padding:6px 13px} .proof .pnarr{color:#c5cddd;max-width:60ch;margin-top:20px;font-size:16px;line-height:1.6} .cs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px} .csm{border-top:1px solid rgba(255,255,255,.16);padding-top:16px} .csm .f{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(34px,4vw,46px); line-height:.95;color:#fff} .csm .f span{color:var(--brass)} .csm .c{font-size:13px;color:#aeb8cc;margin-top:9px;line-height:1.35} .bridge{margin-top:34px;border-top:1px solid rgba(255,255,255,.14);padding-top:26px; display:flex;gap:22px;align-items:flex-start} .bridge .bh{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:600;color:#fff; flex:0 0 38%;line-height:1.12} .bridge .bp{color:#c5cddd;font-size:15px;line-height:1.6} .bridge .bp em{color:#fff;font-style:normal;font-weight:600} .bridge .ref{display:block;margin-top:12px;font-size:12.5px;color:#8b97b0;font-style:italic} .proof .proof-ref{margin-top:28px;font-size:13px;color:#8b97b0;font-style:italic} /* responsive */ @media(max-width:880px){ .pair{grid-template-columns:1fr} .more{flex-direction:column;gap:8px} .cs-metrics{grid-template-columns:repeat(2,1fr)} .bridge{flex-direction:column;gap:10px} .bridge .bh{flex-basis:auto} .rungs{grid-template-columns:repeat(2,1fr)} .domains{grid-template-columns:1fr} .models{grid-template-columns:1fr} .stats{grid-template-columns:repeat(2,1fr)} .spectrum-axis .track{margin:0 10px} } @media(max-width:560px){ .wrap{padding:0 22px} .rungs{grid-template-columns:1fr} .stats{grid-template-columns:1fr} .hero{padding:60px 0 44px} } @media(prefers-reduced-motion:reduce){*{transition:none!important}} </style> </head> <body> <!-- HERO --> <header class="hero"> <div class="wrap"> <span class="eyebrow">OXG Tech · Contract, Consulting &amp; Project Services</span> <h1 class="serif">Engineering, <em>delivered</em> — not just sourced.</h1> <p class="lede">OXG Tech is the technology services practice of Oxenham Group. We provide <strong>contract and project-based engineering</strong> in Cloud, Data, and Embedded Systems — whether you need a single specialist embedded in your team or a fixed-scope project we own end to end, from statement of work to acceptance.</p> <div class="chips"> <span class="chip">Staff augmentation</span> <span class="chip">Project / SOW delivery</span> <span class="chip">Managed teams &amp; advisory, as you grow</span> </div> </div> </header> <!-- SIGNATURE: ENGAGEMENT SPECTRUM --> <section class="section"> <div class="wrap"> <span class="eyebrow">How we engage</span> <h2 class="serif">Two ways to put our engineers to work.</h2> <p class="intro">Engage us for the capacity you need now or the outcome you need delivered. Nearly all of our work runs one of two ways — and the relationship can grow from there.</p> <div class="spectrum"> <div class="spectrum-axis"> <span>You direct</span> <span class="track"></span> <span>We own the outcome</span> </div> <div class="pair"> <article class="rung big"> <div class="num">01</div> <div class="role">You direct the work</div> <h3 class="serif">Staff Augmentation</h3> <p>Vetted engineers embed in your team and report to your leads — the fastest way to add a skill or scale capacity on an existing roadmap. You direct the work; we keep the seat filled, the bench deep, and the right person in it.</p> </article> <article class="rung big lead"> <div class="num">02</div> <div class="role">We own the outcome</div> <h3 class="serif">Project / SOW Delivery</h3> <p>Fixed-scope engagements with defined deliverables, milestones, and acceptance criteria under a Statement of Work. We stand up the team, run delivery against the plan, and carry the work to completion — not just the hiring.</p> </article> </div> <div class="more"> <div class="more-k">As the relationship grows</div> <p><strong>Managed teams &amp; advisory.</strong> When scope warrants, we can run a dedicated, Oxenham-managed pod against your backlog, or bring architecture, assessment, and roadmap guidance to de-risk what you build next.</p> </div> </div> </div> </section> <!-- PROOF / CASE STUDY --> <section class="section proof"> <div class="wrap"> <span class="eyebrow">Proof</span> <h2 class="serif">A program, not a placement.</h2> <div class="ptags"> <span>Regulated industry</span><span>Medical device</span><span>18-month program</span> </div> <p class="pnarr">A global manufacturer needed a partner to staff and run a complex, time-boxed program — not just hand over résumés. We embedded the program's project manager, scaled the specialist team around them, and ran the engagement to the results below.</p> <div class="cs-metrics"> <div class="csm"><div class="f">16<span>+1</span></div> <div class="c">specialists plus an embedded program manager, staffed and managed by us</div></div> <div class="csm"><div class="f">12</div> <div class="c">workstreams delivered against defined project charters</div></div> <div class="csm"><div class="f">5</div> <div class="c">facilities integrated — on the two-year budgeted timeline</div></div> <div class="csm"><div class="f">91<span>%</span></div> <div class="c">consultant retention across the full engagement</div></div> </div> <p class="proof-ref">Featured client available as a reference on request.</p> </div> </section> <!-- DOMAINS --> <section class="section"> <div class="wrap"> <span class="eyebrow">Where we go deep</span> <h2 class="serif">Three domains. One bench.</h2> <p class="intro">Our practice is organized around the disciplines that move modern engineering organizations — the same depth whether you need one expert or a full team.</p> <div class="domains"> <div class="domain"> <div class="dlabel">Cloud</div> <h3 class="serif">Cloud Engineering</h3> <ul> <li>Platform architecture &amp; development</li> <li>Migration &amp; modernization</li> <li>Application integration</li> <li>Containerization &amp; DevOps</li> <li>Cloud security</li> </ul> </div> <div class="domain"> <div class="dlabel">Data</div> <h3 class="serif">Data Engineering</h3> <ul> <li>Data lake design &amp; architecture</li> <li>ETL &amp; pipeline engineering</li> <li>Big-data streaming</li> <li>Analytics, insights &amp; reporting</li> <li>Data governance</li> </ul> </div> <div class="domain"> <div class="dlabel">Embedded</div> <h3 class="serif">Embedded Systems</h3> <ul> <li>IoT &amp; connected devices</li> <li>Real-time operating systems</li> <li>Autonomous systems</li> <li>Device security &amp; cryptography</li> <li>GNC, flight &amp; controls</li> </ul> </div> </div> </div> </section> <!-- COMMERCIAL MODELS --> <section class="section"> <div class="wrap"> <span class="eyebrow">How we contract</span> <h2 class="serif">Commercial structures built for procurement.</h2> <p class="intro">We price to the way you want to buy — whether that is flexible capacity, a committed team, or a deliverable with a fixed number attached to it.</p> <div class="models"> <div class="model"> <div class="mk" data-k="Flexible">Time &amp; Materials</div> <p>Billed for time worked. Best when scope is evolving and you want capacity you can dial up or down.</p> </div> <div class="model"> <div class="mk" data-k="Outcome">Fixed-Fee / Milestone</div> <p>Priced to defined deliverables and acceptance criteria under an SOW. You buy a result, not hours.</p> </div> <div class="model"> <div class="mk" data-k="Committed">Dedicated Capacity</div> <p>A reserved team at a predictable monthly rate, managed by us against your roadmap and continuity needs.</p> </div> </div> </div> </section> <!-- ASSURANCE --> <section class="section assurance"> <div class="wrap"> <span class="eyebrow">Why our engagements hold</span> <h2 class="serif">Delivery assurance, in numbers.</h2> <p class="intro">A services relationship is only as good as its continuity. Our screening and engagement discipline keep people in seat and work on track.</p> <div class="stats"> <div class="stat"><div class="fig">91<span>%</span></div> <div class="cap">of placements retained at one year</div></div> <div class="stat"><div class="fig">92<span>%</span></div> <div class="cap">of contractors complete their engagement</div></div> <div class="stat"><div class="fig"><span>&lt;</span>15</div> <div class="cap">days, average open-to-offer</div></div> <div class="stat"><div class="fig">1.75</div> <div class="cap">interviews per hire, on average</div></div> </div> </div> </section> <!-- REGULATED --> <section class="section reg"> <div class="wrap"> <span class="eyebrow">Built for regulated environments</span> <h2 class="serif">Where compliance is not optional.</h2> <p class="intro">We staff and deliver in industries where security posture, documentation, and clearance-eligibility are part of the requirement — not an afterthought. Our engineers are screened for the realities of regulated delivery.</p> <div class="tags"> <span>Pharma</span><span>Med-Device</span><span>Aerospace</span><span>Defense</span> <span>Healthcare</span><span>Public Sector</span><span>Industrial Automation</span> </div> </div> </section> <!-- CTA --> <section class="cta"> <div class="wrap"> <span class="eyebrow" style="justify-content:center">Let's scope it</span> <h2 class="serif">Tell us the outcome. We'll propose the model.</h2> <p>Whether you need one engineer next week or a team to own a program, we'll structure an engagement around your scope, timeline, and compliance requirements.</p> <a class="btn" href="mailto:info@oxenhamgroup.com?subject=OXG%20Tech%20—%20Engagement%20Inquiry">Scope an engagement</a> <div class="contactline"> <a href="mailto:info@oxenhamgroup.com">info@oxenhamgroup.com</a> &nbsp;·&nbsp; (800) 233-5052 &nbsp;·&nbsp; oxenhamgroup.com/tech </div> </div> </section> <script> (function(){ function rz(){try{if(window.frameElement){window.frameElement.style.height=document.documentElement.scrollHeight+'px';}}catch(e){}} window.addEventListener('load',rz); window.addEventListener('resize',rz); if(document.fonts&&document.fonts.ready){document.fonts.ready.then(rz);} setTimeout(rz,400);setTimeout(rz,1500); })(); </script> </body> </html> ">
