<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="Crystal Delta — AI Engineering for the problems that matter. Production AI in regulated industries. NAB, EnergyAustralia, Jefferies, Powerwrap, Montu.">

<meta name="robots" content="index, follow">

<meta property="og:title" content="Crystal Delta — Built Different.">

<meta property="og:description" content="AI engineering for the problems that matter. Production systems. Regulated industries. Real outcomes.">

<meta property="og:type" content="website">

<meta property="og:url" content="https://crystaldelta.com">

<meta name="theme-color" content="#080c12">

<title>Crystal Delta — Built Different.</title>

<style>

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{

  --bg:#080c12;

  --bg2:#0a1020;

  --bg3:#0d1628;

  --bg4:#0f1c32;

  --border-b:#1a2a45;

  --text:#edeef0;

  --text2:#7a8599;

  --text3:#3a4560;

  --orange:#E8621A;

  --orange-dim:rgba(232,98,26,0.09);

  --orange-b:rgba(232,98,26,0.25);

  --teal:#29B8D8;

  --teal-dim:rgba(41,184,216,0.08);

  --teal-b:rgba(41,184,216,0.22);

  --white:#ffffff;

}

html{scroll-behavior:smooth}

body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}


/* NAV */

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:rgba(8,12,18,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-b)}

.nav-logo{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--text);text-decoration:none}

.logo-svg{flex-shrink:0;width:38px;height:34px}

.nav-links{display:flex;align-items:center;gap:28px}

.nav-links a{font-size:13px;color:var(--text2);text-decoration:none;letter-spacing:0.02em;transition:color .15s}

.nav-links a:hover{color:var(--text)}

.nav-cta{font-size:13px;font-weight:500;padding:8px 20px;background:var(--orange);color:var(--white);border:none;border-radius:3px;cursor:pointer;text-decoration:none;transition:opacity .15s}

.nav-cta:hover{opacity:.85}


/* HERO */

.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 48px 80px;position:relative;overflow:hidden;background:var(--bg)}

.hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(41,184,216,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(41,184,216,0.03) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 65%);mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 65%)}

.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(41,184,216,0.05) 0%,rgba(24,95,165,0.04) 40%,transparent 70%);z-index:0;pointer-events:none}

.hero-content{position:relative;z-index:1;max-width:920px}

.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal-b);background:var(--teal-dim);padding:5px 12px;border-radius:2px;margin-bottom:32px}

.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s ease-in-out infinite}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}

h1{font-size:clamp(42px,7vw,86px);font-weight:600;line-height:1.0;letter-spacing:-0.03em;color:var(--white)}

h1 .dim{color:var(--text2)}

.hero-sub{font-size:clamp(15px,2vw,19px);color:var(--text2);line-height:1.65;max-width:540px;margin:28px 0 14px}

.hero-clients{font-size:12px;letter-spacing:0.05em;color:var(--text3);margin-bottom:40px}

.hero-clients span{color:var(--text2);margin:0 5px}

.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}

.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--orange);color:var(--white);font-size:14px;font-weight:500;border:none;border-radius:3px;cursor:pointer;text-decoration:none;transition:opacity .15s}

.btn-primary:hover{opacity:.85}

.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--text);font-size:14px;font-weight:500;border:1px solid var(--border-b);border-radius:3px;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}

.btn-ghost:hover{border-color:var(--teal-b);background:var(--teal-dim)}


/* PROOF BAR */

.proof-bar{background:var(--bg2);border-top:1px solid var(--border-b);border-bottom:1px solid var(--border-b);padding:0 48px;overflow-x:auto;-webkit-overflow-scrolling:touch}

.proof-bar-inner{display:flex;min-width:max-content}

.proof-item{padding:22px 40px 22px 0;border-right:1px solid var(--border-b);flex-shrink:0}

.proof-item:first-child{padding-left:0}

.proof-item:last-child{border-right:none;padding-right:0}

.proof-item+.proof-item{padding-left:40px}

.proof-num{font-size:24px;font-weight:600;color:var(--teal);letter-spacing:-0.02em;line-height:1;margin-bottom:3px;white-space:nowrap}

.proof-lbl{font-size:11px;color:var(--text2);white-space:nowrap}

.proof-client{font-size:10px;color:var(--text3);letter-spacing:0.06em;text-transform:uppercase;margin-top:1px}


/* SECTIONS */

section{padding:96px 48px}

.s-label{font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}

h2{font-size:clamp(28px,4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-0.02em;color:var(--white);margin-bottom:18px}

h2 .dim{color:var(--text2)}

.s-body{font-size:17px;color:var(--text2);line-height:1.75;max-width:560px;margin-bottom:32px}


/* IDENTITY */

.identity{background:var(--bg2);border-top:1px solid var(--border-b)}

.id-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;max-width:1200px}

.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-b);border:1px solid var(--border-b)}

.stat-cell{background:var(--bg3);padding:26px 22px}

.stat-n{font-size:30px;font-weight:600;color:var(--white);letter-spacing:-0.02em;line-height:1;margin-bottom:5px}

.stat-l{font-size:12px;color:var(--text2);line-height:1.4}

.quote-block{margin-top:28px;padding:22px;border:1px solid var(--teal-b);background:var(--teal-dim);border-radius:2px}

.quote-block p{font-size:14px;color:var(--text2);line-height:1.65;font-style:italic}

.quote-block .attr{font-size:11px;color:var(--text3);margin-top:10px;font-style:normal;letter-spacing:0.04em}


/* PILLARS */

.pillars{background:var(--bg3);border-top:1px solid var(--border-b)}

.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-b);border:1px solid var(--border-b);margin-top:48px}

.pillar{background:var(--bg3);padding:38px 30px;transition:background .2s}

.pillar:hover{background:var(--bg4)}

.p-num{font-size:11px;font-weight:600;letter-spacing:0.1em;color:var(--text3);text-transform:uppercase;margin-bottom:18px}

.p-title{font-size:22px;font-weight:600;color:var(--white);letter-spacing:-0.01em;line-height:1.2;margin-bottom:11px}

.p-body{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:22px}

.p-proof{padding:13px 15px;background:var(--bg2);border:1px solid var(--border-b);border-radius:2px;margin-bottom:22px}

.p-proof-n{font-size:19px;font-weight:600;color:var(--orange);letter-spacing:-0.01em;line-height:1;margin-bottom:2px}

.p-proof-l{font-size:11px;color:var(--text2)}

.p-link{font-size:13px;color:var(--teal);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .15s}

.p-link:hover{gap:9px}


/* WORK */

.work{background:var(--bg);border-top:1px solid var(--border-b)}

.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-b);border:1px solid var(--border-b);margin-top:48px}

.wcard{background:var(--bg);padding:34px 30px;transition:background .2s;cursor:pointer}

.wcard:hover{background:var(--bg2)}

.wcard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}

.w-client{font-size:13px;font-weight:600;color:var(--white);letter-spacing:0.02em}

.w-tag{font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal-b);background:var(--teal-dim);padding:3px 8px;border-radius:2px;white-space:nowrap}

.w-title{font-size:16px;font-weight:500;color:var(--text);line-height:1.4;margin-bottom:9px}

.w-body{font-size:13px;color:var(--text2);line-height:1.65;margin-bottom:18px}

.w-metric{font-size:22px;font-weight:600;color:var(--orange);letter-spacing:-0.01em;line-height:1}

.w-metric-l{font-size:11px;color:var(--text3);margin-top:2px}

.wcard-featured{grid-column:span 2;background:var(--bg2);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}

.wcard-featured:hover{background:var(--bg3)}

.feat-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-b);border:1px solid var(--border-b)}

.feat-m{background:var(--bg);padding:18px}

.feat-mn{font-size:26px;font-weight:600;color:var(--orange);letter-spacing:-0.02em}

.feat-ml{font-size:11px;color:var(--text2);margin-top:2px}


/* PARTNERS */

.partners{background:var(--bg2);border-top:1px solid var(--border-b);padding:60px 48px}

.section-lbl{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text3);margin-bottom:28px}

.partners-grid{display:flex;flex-wrap:wrap;align-items:center;border:1px solid var(--border-b)}

.p-item{padding:26px 32px;border-right:1px solid var(--border-b);border-bottom:1px solid var(--border-b);display:flex;align-items:center;justify-content:center;min-width:140px;flex:1;transition:background .2s}

.p-item:hover{background:var(--bg3)}


/* CLIENTS */

.clients{background:var(--bg3);border-top:1px solid var(--border-b);padding:60px 48px}

.clients-grid{display:flex;flex-wrap:wrap;border:1px solid var(--border-b)}

.c-item{padding:22px 24px;border-right:1px solid var(--border-b);border-bottom:1px solid var(--border-b);display:flex;align-items:center;justify-content:center;flex:1;min-width:120px;max-width:190px;transition:background .2s}

.c-item:hover{background:var(--bg4)}

.c-item svg{display:block;opacity:0.45;transition:opacity .2s}

.c-item:hover svg{opacity:0.82}


/* CHALLENGE */

.challenge{background:var(--bg);border-top:1px solid var(--border-b);padding:96px 48px;text-align:center}

.challenge-inner{max-width:600px;margin:0 auto}

.c-list{text-align:left;margin:24px 0 38px;list-style:none}

.c-list li{font-size:15px;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border-b);display:flex;align-items:center;gap:12px}

.c-list li::before{content:'—';color:var(--teal);flex-shrink:0}


/* CTA */

.cta-sec{background:var(--bg3);border-top:1px solid var(--border-b);padding:96px 48px;text-align:center}

.cta-inner{max-width:560px;margin:0 auto}

.cta-sec p{font-size:17px;color:var(--text2);margin-bottom:38px;line-height:1.7}


/* FOOTER */

footer{background:var(--bg2);border-top:1px solid var(--border-b);padding:40px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}

.f-logo{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--text3)}

.f-links{display:flex;gap:22px;flex-wrap:wrap}

.f-links a{font-size:12px;color:var(--text3);text-decoration:none;transition:color .15s}

.f-links a:hover{color:var(--teal)}

.f-copy{font-size:11px;color:var(--text3)}


/* MOBILE */

@media(max-width:900px){

  nav{padding:0 20px}

  .nav-links a:not(.nav-cta){display:none}

  .hero{padding:100px 20px 60px}

  section{padding:64px 20px}

  .id-grid{grid-template-columns:1fr;gap:36px}

  .pillars-grid{grid-template-columns:1fr}

  .work-grid{grid-template-columns:1fr}

  .wcard-featured{grid-column:span 1;grid-template-columns:1fr;gap:24px}

  .proof-bar{padding:0 20px}

  .partners,.clients{padding:48px 20px}

  .challenge,.cta-sec{padding:64px 20px}

  footer{padding:28px 20px;flex-direction:column;align-items:flex-start}

}

@media(max-width:480px){

  h1{font-size:36px}

  .wcard-top{flex-direction:column;gap:8px}

  .p-item{min-width:110px;padding:20px 16px}

}

</style>

</head>

<body>


<!-- ── NAVIGATION ── -->

<nav>

  <a href="#" class="nav-logo">

    <svg class="logo-svg" viewBox="0 0 56 50" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Crystal Delta logo">

      <polygon points="20,1 44,48 0,48" fill="rgba(255,255,255,0.1)"/>

      <polygon points="26,10 50,48 8,48" fill="none" stroke="#E8621A" stroke-width="3" stroke-linejoin="round"/>

      <polygon points="34,1 56,48 46,48 30,10" fill="#29B8D8"/>

    </svg>

    Crystal Delta

  </a>

  <div class="nav-links">

    <a href="#pillars">What we do</a>

    <a href="#work">Our work</a>

    <a href="#about">About</a>

    <a href="#contact" class="nav-cta">Let's build →</a>

  </div>

</nav>


<!-- ── HERO ── -->

<section class="hero" aria-label="Hero">

  <div class="hero-grid" aria-hidden="true"></div>

  <div class="hero-glow" aria-hidden="true"></div>

  <div class="hero-content">

    <div class="hero-badge"><div class="badge-dot" aria-hidden="true"></div>AI Engineering · Melbourne · Chennai · Princeton</div>

    <h1>AI engineering<br><span class="dim">for the problems<br>that matter.</span></h1>

    <p class="hero-sub">AI does the most good when it actually works in the real world. That's what we build.</p>

    <p class="hero-clients" aria-label="Key clients">

      <span>NAB</span>·<span>EnergyAustralia</span>·<span>Jefferies</span>·<span>Powerwrap</span>·<span>ANZ</span>·<span>Montu</span>

    </p>

    <div class="hero-ctas">

      <a href="#work" class="btn-primary">See the work →</a>

      <a href="#contact" class="btn-ghost">Let's build</a>

    </div>

  </div>

</section>


<!-- ── PROOF BAR ── -->

<div class="proof-bar" role="region" aria-label="Key metrics">

  <div class="proof-bar-inner">

    <div class="proof-item"><div class="proof-num">2wk → 2hr</div><div class="proof-lbl">Loan processing automated</div><div class="proof-client">NAB</div></div>

    <div class="proof-item"><div class="proof-num">6wk → 3m30s</div><div class="proof-lbl">UI component delivery</div><div class="proof-client">EnergyAustralia</div></div>

    <div class="proof-item"><div class="proof-num">20,728%</div><div class="proof-lbl">Revenue growth enabled</div><div class="proof-client">Montu · 3 years</div></div>

    <div class="proof-item"><div class="proof-num">250,000+</div><div class="proof-lbl">Consultations on platform built</div><div class="proof-client">Montu</div></div>

    <div class="proof-item"><div class="proof-num">2×</div><div class="proof-lbl">CSAT / NPS improvement</div><div class="proof-client">Powerwrap → ASX:PWL</div></div>

    <div class="proof-item"><div class="proof-num">$2 AUD</div><div class="proof-lbl">Per AI-generated production component</div><div class="proof-client">EnergyAustralia</div></div>

  </div>

</div>


<!-- ── IDENTITY ── -->

<section class="identity" id="about">

  <div class="id-grid">

    <div>

      <div class="s-label">Who we are</div>

      <h2>We build where<br><span class="dim">others won't go.</span></h2>

      <p class="s-body">Most AI companies are comfortable in greenfield projects. Clean data. No compliance. No legacy. No consequences if it breaks.</p>

      <p class="s-body">We work in the other kind. NAB's core banking system. EnergyAustralia's payment infrastructure. Jefferies' real-time trading platform. Powerwrap's client portal — the one that helped them IPO.</p>

      <p class="s-body" style="margin-bottom:0">These aren't prototype environments. We've shipped AI into all of them. And we're still running.</p>

    </div>

    <div>

      <div class="stat-grid">

        <div class="stat-cell"><div class="stat-n">~200</div><div class="stat-l">Engineers across Melbourne, Chennai, Aruppukottai &amp; Princeton</div></div>

        <div class="stat-cell"><div class="stat-n">10+</div><div class="stat-l">Years shipping production technology</div></div>

        <div class="stat-cell"><div class="stat-n">60+</div><div class="stat-l">Client partnerships globally</div></div>

        <div class="stat-cell"><div class="stat-n">3</div><div class="stat-l">Continents. One delivery standard.</div></div>

      </div>

      <div class="quote-block">

        <p>"Crystal Delta focuses on delivering quality outcomes to market, fast. The results have been exceptional and pivotal to our speed-to-market strategy."</p>

        <div class="attr">— Helen Souness, Former CEO, RMIT Online</div>

      </div>

    </div>

  </div>

</section>


<!-- ── PILLARS ── -->

<section class="pillars" id="pillars">

  <div class="s-label">What we do</div>

  <h2>Three ways we<br><span class="dim">move the needle.</span></h2>

  <div class="pillars-grid">

    <div class="pillar">

      <div class="p-num">01 · Engineer faster</div>

      <div class="p-title">AI-native software delivery.</div>

      <p class="p-body">We've rebuilt how software gets built — around AI. Design-to-code pipelines, AI-augmented engineering, intelligent test automation. Faster delivery. Fewer handoffs. Better quality.</p>

      <div class="p-proof"><div class="p-proof-n">6 weeks → 3m 30s</div><div class="p-proof-l">EnergyAustralia · Figma-to-code · Claude Sonnet on AWS Bedrock</div></div>

      <a href="work.html" class="p-link">See the build →</a>

    </div>

    <div class="pillar">

      <div class="p-num">02 · Automate deeper</div>

      <div class="p-title">Operational AI in regulated environments.</div>

      <p class="p-body">AI belongs in the core of how your business runs — in document pipelines, approval workflows, trading systems. We've shipped it at NAB, OneTwo Finance, and Jefferies. Not pilots. Running.</p>

      <div class="p-proof"><div class="p-proof-n">2 weeks → 2 hours</div><div class="p-proof-l">NAB · Loan origination · 300 staff redeployed</div></div>

      <a href="work.html" class="p-link">See the automation work →</a>

    </div>

    <div class="pillar">

      <div class="p-num">03 · Perform sharper</div>

      <div class="p-title">The human layer of AI adoption.</div>

      <p class="p-body">Every AI deployment eventually fails on people, not technology. SkillsMax.AI is our answer — AI-powered skill assessments, adaptive coaching, and technical interview preparation. Built by engineers. Used globally.</p>

      <div class="p-proof"><div class="p-proof-n">SkillsMax.AI</div><div class="p-proof-l">Global platform · Adaptive assessments · Coding + communication</div></div>

      <a href="https://www.skillsmax.ai" target="_blank" rel="noopener" class="p-link">Explore SkillsMax.AI →</a>

    </div>

  </div>

</section>


<!-- ── WORK ── -->

<section class="work" id="work">

  <div class="s-label">Our work</div>

  <h2>Production AI.<br><span class="dim">Shipped.</span></h2>

  <div class="work-grid">


    <div class="wcard wcard-featured">

      <div>

        <div class="wcard-top"><div class="w-client">EnergyAustralia</div><div class="w-tag">AI Engineering</div></div>

        <div class="w-title">Transforming UI Development with AI</div>

        <p class="w-body">Multi-LLM architecture using Claude Sonnet on AWS Bedrock converts Figma designs into production-ready React components. Accessibility tested. 100% standards compliant. Higher quality than manual output. Designers generating live production previews without developer intervention.</p>

        <a href="work/energy-australia.html" class="p-link" style="margin-top:8px">Read the case study →</a>

      </div>

      <div class="feat-metrics">

        <div class="feat-m"><div class="feat-mn">3m 30s</div><div class="feat-ml">Per component (was 6 weeks)</div></div>

        <div class="feat-m"><div class="feat-mn">$2</div><div class="feat-ml">Per AI-generated component</div></div>

        <div class="feat-m"><div class="feat-mn">100%</div><div class="feat-ml">Standards compliance</div></div>

        <div class="feat-m"><div class="feat-mn">Higher</div><div class="feat-ml">Quality vs manual baseline</div></div>

      </div>

    </div>


    <div class="wcard">

      <div class="wcard-top"><div class="w-client">NAB</div><div class="w-tag">Automation</div></div>

      <div class="w-title">Transforming Loan Operations</div>

      <p class="w-body">Re-architected core banking loan origination with microservices and automated workflows. Contract generation cut from 2 weeks to 2 hours. 300 staff redeployed to higher-value roles.</p>

      <div class="w-metric">2 weeks → 2 hrs</div><div class="w-metric-l">Contract generation time</div>

    </div>


    <div class="wcard">

      <div class="wcard-top"><div class="w-client">Montu</div><div class="w-tag">Full Platform</div></div>

      <div class="w-title">Transforming Healthcare Operations</div>

      <p class="w-body">Full platform — practice management, e-prescribing, ERP, warehouse, eCommerce. Integrated with ADHA federal health APIs. Passed federal conformance testing.</p>

      <div class="w-metric">20,728%</div><div class="w-metric-l">Revenue growth in 3 years</div>

    </div>


    <div class="wcard">

      <div class="wcard-top"><div class="w-client">Powerwrap</div><div class="w-tag">Platform</div></div>

      <div class="w-title">Digital Transformation Journey</div>

      <p class="w-body">Cloud-based client portal, real-time trading infrastructure, reconciliation and risk controls. Supported successful ASX IPO (ASX:PWL).</p>

      <div class="w-metric">2×</div><div class="w-metric-l">CSAT / NPS improvement</div>

    </div>


    <div class="wcard">

      <div class="wcard-top"><div class="w-client">Jefferies</div><div class="w-tag">Real-Time AI</div></div>

      <div class="w-title">Trade Data Integrity &amp; Risk Controls</div>

      <p class="w-body">Real-time trade validation platform integrated with ASX and Chi-X via FIX protocol. Event-driven architecture. Live mismatch detection and alerting at scale.</p>

      <div class="w-metric">Real-time</div><div class="w-metric-l">Trade assurance across ASX + Chi-X</div>

    </div>


    <div class="wcard">

      <div class="wcard-top"><div class="w-client">OneTwo Finance</div><div class="w-tag">Document AI</div></div>

      <div class="w-title">AI Document Processing for Loan Approvals</div>

      <p class="w-body">ML classification and automated extraction replaced manual sorting of payslips, statements, and IDs. Eliminated the loan approval bottleneck entirely.</p>

      <div class="w-metric">Automated</div><div class="w-metric-l">Document triage end-to-end</div>

    </div>


  </div>

</section>


<!-- ── TECHNOLOGY PARTNERS ── -->

<div class="partners" role="region" aria-label="Technology partners">

  <div class="section-lbl">Technology Partner Network</div>

  <div class="partners-grid">

    <div class="p-item"><svg width="80" height="30" viewBox="0 0 80 30" aria-label="Amazon Web Services"><text x="0" y="13" font-family="-apple-system,sans-serif" font-size="11" font-weight="700" fill="#FF9900">amazon</text><text x="0" y="26" font-family="-apple-system,sans-serif" font-size="9" fill="#4a5a7a" letter-spacing="0.5">web services</text></svg></div>

    <div class="p-item"><svg width="80" height="30" viewBox="0 0 80 30" aria-label="Microsoft Azure"><polygon points="10,2 19,2 12,27 3,27" fill="#0078D4"/><polygon points="16,2 28,2 21,27 12,27" fill="#0078D4" opacity="0.5"/><text x="32" y="20" font-family="-apple-system,sans-serif" font-size="13" fill="#4a5a7a">Azure</text></svg></div>

    <div class="p-item"><svg width="112" height="30" viewBox="0 0 112 30" aria-label="Google Cloud Platform"><circle cx="10" cy="15" r="7" fill="none" stroke="#4285F4" stroke-width="2.5" stroke-dasharray="20 20" stroke-dashoffset="4"/><text x="24" y="20" font-family="-apple-system,sans-serif" font-size="11" fill="#4a5a7a">Google Cloud</text></svg></div>

    <div class="p-item"><svg width="100" height="30" viewBox="0 0 100 30" aria-label="Microsoft"><rect x="0" y="3" width="10" height="10" fill="#F25022"/><rect x="11" y="3" width="10" height="10" fill="#7FBA00"/><rect x="0" y="14" width="10" height="10" fill="#00A4EF"/><rect x="11" y="14" width="10" height="10" fill="#FFB900"/><text x="27" y="19" font-family="-apple-system,sans-serif" font-size="12" fill="#4a5a7a">Microsoft</text></svg></div>

    <div class="p-item"><svg width="58" height="30" viewBox="0 0 58 30" aria-label="D2L"><rect x="0" y="5" width="20" height="20" rx="4" fill="#E31B23"/><text x="3" y="20" font-family="-apple-system,sans-serif" font-size="11" font-weight="700" fill="#fff">D2L</text></svg></div>

    <div class="p-item"><svg width="100" height="30" viewBox="0 0 100 30" aria-label="Anthology"><rect x="0" y="8" width="5" height="14" rx="2" fill="#FF6B35"/><rect x="7" y="8" width="5" height="14" rx="2" fill="#FF6B35" opacity="0.6"/><rect x="14" y="8" width="5" height="14" rx="2" fill="#FF6B35" opacity="0.3"/><text x="26" y="21" font-family="-apple-system,sans-serif" font-size="12" fill="#4a5a7a">anthology</text></svg></div>

    <div class="p-item"><svg width="80" height="30" viewBox="0 0 80 30" aria-label="Kaltura"><polygon points="3,7 14,15 3,23" fill="#009EE2"/><polygon points="12,7 23,15 12,23" fill="#009EE2" opacity="0.4"/><text x="30" y="21" font-family="-apple-system,sans-serif" font-size="12" fill="#4a5a7a">kaltura</text></svg></div>

    <div class="p-item"><svg width="58" height="30" viewBox="0 0 58 30" aria-label="edX"><rect x="0" y="5" width="22" height="20" rx="3" fill="#02262B"/><text x="3" y="20" font-family="-apple-system,sans-serif" font-size="12" font-weight="700" fill="#fff">ed</text><text x="14" y="20" font-family="-apple-system,sans-serif" font-size="12" font-weight="700" fill="#E31B23">X</text></svg></div>

    <div class="p-item"><svg width="105" height="30" viewBox="0 0 105 30" aria-label="Instructure"><rect x="0" y="7" width="17" height="17" rx="3" fill="#E66000"/><text x="4" y="20" font-family="-apple-system,sans-serif" font-size="12" font-weight="700" fill="#fff">i</text><text x="23" y="20" font-family="-apple-system,sans-serif" font-size="11" fill="#4a5a7a">Instructure</text></svg></div>

    <div class="p-item"><svg width="120" height="30" viewBox="0 0 120 30" aria-label="Apptio Cloudability"><text x="0" y="12" font-family="-apple-system,sans-serif" font-size="8" font-weight="600" fill="#3a4560" letter-spacing="1">APPTIO</text><text x="0" y="25" font-family="-apple-system,sans-serif" font-size="11" fill="#4a5a7a">Cloudability</text></svg></div>

  </div>

</div>


<!-- ── TRUSTED BY ── -->

<div class="clients" role="region" aria-label="Clients">

  <div class="section-lbl" style="text-align:center">Trusted by</div>

  <div class="clients-grid">

    <div class="c-item"><svg width="90" height="32" viewBox="0 0 90 32" aria-label="ANZ"><text x="0" y="24" font-family="-apple-system,sans-serif" font-size="26" font-weight="800" fill="#29B8D8" letter-spacing="-1">ANZ</text><circle cx="78" cy="10" r="7" fill="none" stroke="#29B8D8" stroke-width="2"/><path d="M74 13 Q78 6 82 13" fill="#29B8D8"/></svg></div>

    <div class="c-item"><svg width="72" height="32" viewBox="0 0 72 32" aria-label="NAB"><polygon points="0,6 14,6 14,26 0,26" fill="#888" opacity="0.6"/><text x="18" y="24" font-family="-apple-system,sans-serif" font-size="22" font-weight="700" fill="#aaa">nab</text></svg></div>

    <div class="c-item"><svg width="130" height="32" viewBox="0 0 130 32" aria-label="EnergyAustralia"><text x="18" y="17" font-family="Georgia,serif" font-size="13" font-weight="700" fill="#aaa" font-style="italic">Energy</text><text x="62" y="17" font-family="Georgia,serif" font-size="13" fill="#888" font-style="italic">Australia</text><text x="18" y="28" font-family="-apple-system,sans-serif" font-size="7" fill="#4a5a7a" letter-spacing="1.5">LIGHT THE WAY</text><ellipse cx="9" cy="16" rx="7" ry="9" fill="none" stroke="#aaa" stroke-width="2"/></svg></div>

    <div class="c-item"><svg width="100" height="32" viewBox="0 0 100 32" aria-label="Jefferies"><text x="0" y="23" font-family="Georgia,serif" font-size="22" fill="#aaa">Jefferies</text></svg></div>

    <div class="c-item"><svg width="110" height="32" viewBox="0 0 110 32" aria-label="Powerwrap"><text x="0" y="22" font-family="-apple-system,sans-serif" font-size="18" font-weight="600" fill="#aaa">Powerwrap</text><text x="96" y="26" font-family="-apple-system,sans-serif" font-size="9" fill="#4a5a7a">™</text></svg></div>

    <div class="c-item"><svg width="110" height="32" viewBox="0 0 110 32" aria-label="RMIT Online"><rect x="0" y="2" width="10" height="28" rx="1" fill="#888"/><text x="14" y="22" font-family="Georgia,serif" font-size="18" font-weight="800" fill="#aaa">RMIT</text><rect x="58" y="6" width="48" height="20" rx="2" fill="#555" opacity="0.8"/><text x="62" y="21" font-family="-apple-system,sans-serif" font-size="11" fill="#eee" font-weight="500">Online</text></svg></div>

    <div class="c-item"><svg width="90" height="32" viewBox="0 0 90 32" aria-label="Montu"><text x="0" y="23" font-family="-apple-system,sans-serif" font-size="18" font-weight="700" letter-spacing="3" fill="#aaa">MONTU</text></svg></div>

    <div class="c-item"><svg width="90" height="32" viewBox="0 0 90 32" aria-label="OneTwo"><rect x="0" y="2" width="88" height="28" rx="4" fill="#1a2a45" opacity="0.9"/><text x="7" y="22" font-family="-apple-system,sans-serif" font-size="13" font-weight="600" fill="#aaa" letter-spacing="1">ONETWO</text></svg></div>

    <div class="c-item"><svg width="110" height="32" viewBox="0 0 110 32" aria-label="ResetData"><text x="0" y="22" font-family="-apple-system,sans-serif" font-size="13" font-weight="800" fill="#888" letter-spacing="1">RESET</text><text x="46" y="22" font-family="-apple-system,sans-serif" font-size="13" font-weight="800" fill="#29B8D8" letter-spacing="1">DATA</text><polygon points="80,4 96,4 88,22" fill="#29B8D8" opacity="0.3"/></svg></div>

    <div class="c-item"><svg width="80" height="32" viewBox="0 0 80 32" aria-label="ISAS"><circle cx="10" cy="16" r="9" fill="none" stroke="#29B8D8" stroke-width="1.5"/><path d="M5 13 Q10 8 15 13" fill="none" stroke="#29B8D8" stroke-width="1.2"/><path d="M5 16 Q10 11 15 16" fill="none" stroke="#29B8D8" stroke-width="1.2"/><path d="M5 19 Q10 14 15 19" fill="none" stroke="#29B8D8" stroke-width="1.2"/><text x="24" y="22" font-family="-apple-system,sans-serif" font-size="18" font-weight="700" fill="#aaa" letter-spacing="1">ISAS</text></svg></div>

    <div class="c-item"><svg width="90" height="32" viewBox="0 0 90 32" aria-label="Brother"><rect x="0" y="2" width="88" height="28" rx="3" fill="#185FA5" opacity="0.35"/><text x="6" y="20" font-family="-apple-system,sans-serif" font-size="14" font-weight="700" fill="#ccc">brother</text><text x="6" y="28" font-family="-apple-system,sans-serif" font-size="7" fill="#4a5a7a" letter-spacing="0.3">at your side</text></svg></div>

    <div class="c-item"><svg width="110" height="32" viewBox="0 0 110 32" aria-label="Silk Contract Logistics"><rect x="0" y="6" width="18" height="18" rx="2" transform="rotate(45 9 15)" fill="none" stroke="#29B8D8" stroke-width="1.5"/><text x="22" y="16" font-family="-apple-system,sans-serif" font-size="14" font-weight="800" fill="#aaa" letter-spacing="1">SILK</text><text x="22" y="26" font-family="-apple-system,sans-serif" font-size="7" fill="#4a5a7a" letter-spacing="0.5">CONTRACT LOGISTICS</text></svg></div>

    <div class="c-item"><svg width="60" height="32" viewBox="0 0 60 32" aria-label="FMF Foods"><ellipse cx="30" cy="16" rx="28" ry="14" fill="none" stroke="#888" stroke-width="1.5"/><text x="12" y="21" font-family="-apple-system,sans-serif" font-size="15" font-weight="800" fill="#aaa">fmf</text></svg></div>

    <div class="c-item"><svg width="130" height="32" viewBox="0 0 130 32" aria-label="Atlus and Monivea Road"><text x="0" y="22" font-family="-apple-system,sans-serif" font-size="14" font-weight="700" fill="#aaa" letter-spacing="2">ATLUS</text><line x1="54" y1="4" x2="54" y2="28" stroke="#1a2a45" stroke-width="1"/><text x="60" y="22" font-family="-apple-system,sans-serif" font-size="10" font-weight="600" fill="#888" letter-spacing="1">MONIVEA ROAD</text></svg></div>

    <div class="c-item"><svg width="80" height="32" viewBox="0 0 80 32" aria-label="HFC"><rect x="0" y="4" width="14" height="14" transform="rotate(45 7 11)" fill="#185FA5" opacity="0.5"/><text x="20" y="23" font-family="-apple-system,sans-serif" font-size="20" font-weight="800" fill="#aaa">HFC</text></svg></div>

  </div>

</div>


<!-- ── CHALLENGE ── -->

<section class="challenge">

  <div class="challenge-inner">

    <div class="s-label">The honest question</div>

    <h2>Still on your<br><span class="dim">AI roadmap?</span></h2>

    <p style="font-size:16px;color:var(--text2);line-height:1.7;margin-bottom:0">Most companies have been exploring AI for two years. We've been shipping it — inside NAB, EnergyAustralia, and Jefferies. The difference isn't budget or access to models.</p>

    <ul class="c-list">

      <li>We don't run discovery workshops that go nowhere</li>

      <li>We don't sell AI strategy that never ships</li>

      <li>We don't prototype and walk away</li>

      <li>If it's not running, it's not done</li>

    </ul>

    <a href="#contact" class="btn-primary">Let's close the gap →</a>

  </div>

</section>


<!-- ── CTA ── -->

<section class="cta-sec" id="contact">

  <div class="cta-inner">

    <div class="s-label">Built Different.</div>

    <h2>Serious about AI?<br><span class="dim">So are we.</span></h2>

    <p>We build it. In your environment. Against your constraints. In regulated industries where failure has consequences.</p>

    <a href="mailto:contact@crystaldelta.com" class="btn-primary">Start the conversation →</a>

  </div>

</section>


<!-- ── FOOTER ── -->

<footer>

  <div class="f-logo">Crystal Delta · Built Different.</div>

  <nav class="f-links" aria-label="Footer navigation">

    <a href="what-we-do.html">What we do</a>

    <a href="work.html">Our work</a>

    <a href="about.html">About</a>

    <a href="https://www.skillsmax.ai" target="_blank" rel="noopener">SkillsMax.AI</a>

    <a href="mailto:contact@crystaldelta.com">Contact</a>

  </nav>

  <div class="f-copy">© 2026 Crystal Delta Pty Ltd · ABN 23 604 155 320</div>

</footer>


</body>

</html>