/* Scope everything under .tr-about to avoid WP theme conflicts */
.tr-about * { margin: 0; padding: 0; box-sizing: border-box; }
.tr-about {
–bg: #0a0a0a;
–fg: #f0ede6;
–accent: #c8ff00;
–muted: #6b6b6b;
–card: #141414;
–border: #222;
font-family: ‘DM Sans’, -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 300;
line-height: 1.7;
color: #f0ede6;
background: #0a0a0a;
overflow-x: hidden;
position: relative;
max-width: 100vw;
margin: -20px -20px 0 -20px; /* Collapse WP default padding */
padding: 0;
}
/* Import fonts */
@import url(‘
https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap’);
.tr-about a { color: #c8ff00; text-decoration: none; transition: opacity 0.3s; }
.tr-about a:hover { opacity: 0.7; }
.tr-about .tr-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
/* ——— HERO ——— */
.tr-about .tr-hero {
min-height: 90vh;
display: flex;
align-items: center;
position: relative;
padding: 80px 0 60px;
}
.tr-about .tr-hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
width: 100%;
}
.tr-about .tr-hero-label {
font-family: ‘JetBrains Mono’, monospace;
font-size: 0.7rem;
color: #c8ff00;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 24px;
opacity: 0;
animation: trFadeUp 0.8s ease forwards 0.2s;
}
.tr-about .tr-hero-name {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: clamp(3rem, 5.5vw, 5.5rem);
line-height: 1.05;
letter-spacing: -0.03em;
margin-bottom: 24px;
color: #f0ede6;
opacity: 0;
animation: trFadeUp 0.8s ease forwards 0.4s;
}
.tr-about .tr-hero-name em {
font-style: italic;
color: #c8ff00;
}
.tr-about .tr-hero-tagline {
font-size: 1.15rem;
color: #6b6b6b;
max-width: 480px;
margin-bottom: 40px;
opacity: 0;
animation: trFadeUp 0.8s ease forwards 0.6s;
}
.tr-about .tr-hero-meta {
display: flex;
gap: 40px;
opacity: 0;
animation: trFadeUp 0.8s ease forwards 0.8s;
}
.tr-about .tr-hero-meta-item {
border-left: 1px solid #222;
padding-left: 16px;
}
.tr-about .tr-hero-meta-item .tr-number {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 2rem;
color: #c8ff00;
line-height: 1.1;
}
.tr-about .tr-hero-meta-item .tr-label {
font-size: 0.75rem;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.tr-about .tr-hero-right {
position: relative;
display: flex;
justify-content: center;
opacity: 0;
animation: trFadeUp 1s ease forwards 0.5s;
}
.tr-about .tr-visual {
width: 420px;
height: 500px;
position: relative;
}
.tr-about .tr-visual-frame {
width: 100%;
height: 100%;
border: 1px solid #222;
border-radius: 12px;
overflow: hidden;
position: relative;
background: linear-gradient(135deg, #141414 0%, #1a1a1a 100%);
}
.tr-about .tr-visual-frame::before {
content: ”;
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: radial-gradient(ellipse at 30% 20%, rgba(200,255,0,0.08) 0%, transparent 60%);
}
.tr-about .tr-visual-code {
padding: 40px 30px;
font-family: ‘JetBrains Mono’, monospace;
font-size: 0.75rem;
line-height: 2.2;
color: #6b6b6b;
}
.tr-about .tr-visual-code .tr-key { color: #c8ff00; }
.tr-about .tr-visual-code .tr-val { color: #f0ede6; }
.tr-about .tr-visual-code .tr-bracket { color: #444; }
.tr-about .tr-accent-dot {
position: absolute;
width: 8px; height: 8px;
background: #c8ff00;
border-radius: 50%;
top: 24px; right: 24px;
animation: trPulse 2s ease infinite;
}
/* ——— SECTIONS ——— */
.tr-about .tr-section {
padding: 100px 0;
border-top: 1px solid #222;
}
.tr-about .tr-section-label {
font-family: ‘JetBrains Mono’, monospace;
font-size: 0.7rem;
color: #c8ff00;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 16px;
}
.tr-about .tr-section-title {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: clamp(2rem, 3.5vw, 3.2rem);
line-height: 1.15;
letter-spacing: -0.02em;
margin-bottom: 40px;
max-width: 700px;
color: #f0ede6;
}
.tr-about .tr-section-title em {
font-style: italic;
color: #c8ff00;
}
/* ——— STORY ——— */
.tr-about .tr-story-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.tr-about .tr-story-text p {
font-size: 1.05rem;
color: #999;
margin-bottom: 24px;
line-height: 1.8;
}
.tr-about .tr-story-text p strong {
color: #f0ede6;
font-weight: 500;
}
.tr-about .tr-sidebar-quote {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 1.8rem;
font-style: italic;
line-height: 1.4;
color: #f0ede6;
padding: 40px;
border: 1px solid #222;
border-radius: 12px;
position: relative;
background: #141414;
margin-top: 20px;
}
.tr-about .tr-sidebar-quote::before {
content: ‘\201C’;
position: absolute;
top: -10px;
left: 30px;
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 6rem;
color: #c8ff00;
line-height: 1;
opacity: 0.3;
}
.tr-about .tr-sidebar-quote .tr-attribution {
font-family: ‘DM Sans’, sans-serif;
font-style: normal;
font-size: 0.8rem;
color: #6b6b6b;
margin-top: 20px;
display: block;
}
/* ——— BUILD CARDS ——— */
.tr-about .tr-build-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.tr-about .tr-build-card {
background: #141414;
border: 1px solid #222;
border-radius: 12px;
padding: 40px 32px;
transition: border-color 0.4s, transform 0.4s;
position: relative;
overflow: hidden;
}
.tr-about .tr-build-card:hover {
border-color: #c8ff00;
transform: translateY(-4px);
}
.tr-about .tr-build-card-icon {
font-size: 1.8rem;
margin-bottom: 20px;
display: block;
}
.tr-about .tr-build-card h3 {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 1.3rem;
margin-bottom: 12px;
color: #f0ede6;
}
.tr-about .tr-build-card p {
font-size: 0.9rem;
color: #6b6b6b;
line-height: 1.7;
}
/* ——— IMPACT ——— */
.tr-about .tr-impact-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.tr-about .tr-impact-card {
text-align: center;
padding: 48px 24px;
border: 1px solid #222;
border-radius: 12px;
background: #141414;
}
.tr-about .tr-impact-card .tr-number {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 3rem;
color: #c8ff00;
line-height: 1;
margin-bottom: 8px;
}
.tr-about .tr-impact-card .tr-desc {
font-size: 0.8rem;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.08em;
}
/* ——— TIMELINE ——— */
.tr-about .tr-timeline {
position: relative;
margin-top: 20px;
}
.tr-about .tr-timeline::before {
content: ”;
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background: linear-gradient(to bottom, #c8ff00, #222);
}
.tr-about .tr-timeline-item {
padding-left: 48px;
padding-bottom: 48px;
position: relative;
}
.tr-about .tr-timeline-item:last-child { padding-bottom: 0; }
.tr-about .tr-timeline-item::before {
content: ”;
position: absolute;
left: -4px;
top: 8px;
width: 9px;
height: 9px;
background: #c8ff00;
border-radius: 50%;
border: 2px solid #0a0a0a;
}
.tr-about .tr-timeline-year {
font-family: ‘JetBrains Mono’, monospace;
font-size: 0.7rem;
color: #c8ff00;
letter-spacing: 0.1em;
margin-bottom: 4px;
}
.tr-about .tr-timeline-role {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: 1.4rem;
color: #f0ede6;
margin-bottom: 4px;
}
.tr-about .tr-timeline-company {
font-size: 0.9rem;
color: #6b6b6b;
margin-bottom: 8px;
}
.tr-about .tr-timeline-desc {
font-size: 0.9rem;
color: #555;
max-width: 600px;
line-height: 1.7;
}
/* ——— BACKED ——— */
.tr-about .tr-backed-row {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 10px;
}
.tr-about .tr-backed-tag {
padding: 12px 24px;
border: 1px solid #222;
border-radius: 100px;
font-size: 0.85rem;
color: #6b6b6b;
font-weight: 400;
transition: border-color 0.3s, color 0.3s;
display: inline-block;
}
.tr-about .tr-backed-tag:hover {
border-color: #c8ff00;
color: #f0ede6;
}
/* ——— CTA ——— */
.tr-about .tr-cta {
text-align: center;
padding: 140px 0;
border-top: 1px solid #222;
}
.tr-about .tr-cta-title {
font-family: ‘Instrument Serif’, Georgia, serif;
font-size: clamp(2.5rem, 4vw, 4rem);
line-height: 1.1;
margin-bottom: 24px;
letter-spacing: -0.02em;
color: #f0ede6;
}
.tr-about .tr-cta-title em {
font-style: italic;
color: #c8ff00;
}
.tr-about .tr-cta-sub {
color: #6b6b6b;
font-size: 1.1rem;
margin-bottom: 48px;
}
.tr-about .tr-cta-links {
display: flex;
justify-content: center;
gap: 16px;
}
.tr-about .tr-cta-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 32px;
border-radius: 100px;
font-size: 0.9rem;
font-weight: 500;
transition: all 0.3s;
text-decoration: none;
}
.tr-about .tr-cta-btn.tr-primary {
background: #c8ff00;
color: #0a0a0a;
}
.tr-about .tr-cta-btn.tr-primary:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.tr-about .tr-cta-btn.tr-secondary {
border: 1px solid #222;
color: #f0ede6;
}
.tr-about .tr-cta-btn.tr-secondary:hover {
border-color: #c8ff00;
transform: translateY(-2px);
}
/* ——— FOOTER ——— */
.tr-about .tr-footer {
border-top: 1px solid #222;
padding: 40px 0;
}
.tr-about .tr-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.tr-about .tr-footer-left {
font-size: 0.8rem;
color: #6b6b6b;
}
.tr-about .tr-footer-right {
display: flex;
gap: 24px;
}
.tr-about .tr-footer-right a {
font-size: 0.8rem;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.tr-about .tr-footer-right a:hover { color: #c8ff00; }
/* ——— ANIMATIONS ——— */
@keyframes trFadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes trPulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
.tr-about .tr-reveal {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.tr-about .tr-reveal.tr-visible {
opacity: 1;
transform: translateY(0);
}
/* ——— RESPONSIVE ——— */
@media (max-width: 900px) {
.tr-about .tr-hero-grid { grid-template-columns: 1fr; gap: 40px; }
.tr-about .tr-hero-right { display: none; }
.tr-about .tr-story-grid { grid-template-columns: 1fr; gap: 40px; }
.tr-about .tr-build-grid { grid-template-columns: 1fr; }
.tr-about .tr-impact-grid { grid-template-columns: repeat(2, 1fr); }
.tr-about .tr-container { padding: 0 24px; }
.tr-about .tr-hero-meta { flex-wrap: wrap; gap: 24px; }
}
@media (max-width: 600px) {
.tr-about .tr-impact-grid { grid-template-columns: 1fr; }
.tr-about .tr-cta-links { flex-direction: column; align-items: center; }
.tr-about .tr-footer-inner { flex-direction: column; gap: 16px; text-align: center; }
}
CTO & Co-Founder — Keeyu
Tahir
Rauf
Building real AI agents that run e-commerce operations autonomously. Not sprinkling AI on dashboards — replacing entire workflows.
{
“role”: “CTO & Co-Founder”,
“company”: “Keeyu”,
“mission”: “Proactive eComm Ops”,
“approach”: “Agentic AI”,
“based_in”: “Sydney, AU”,
“team”: “Onshore + Offshore”,
“startmate”: “S24 Cohort”,
“backed_by”: [
“Rampersand”,
“Archangel”,
“Startmate”,
“Empress Capital”
],
“status”: “building ▍”
}
// The Story
I break things apart to build better ones
As a kid, I tore apart every toy I owned. Not out of destruction — out of curiosity. My father would say “but you always break it” every time I wanted something new, because he knew I’d rip it open to see how it worked, then rebuild something entirely new from the parts.
That instinct never went away. It just scaled. Today, I deconstruct broken enterprise systems and rebuild them with AI agents that actually work. Not chatbots. Not wrappers around GPT. Real agentic applications that monitor, decide, and act — replacing entire operational workflows in e-commerce.
At Keeyu, we’re building the operating system for proactive e-commerce operations. Our AI agents detect and resolve fulfillment failures, payment issues, and delivery problems before customers ever complain. We went from idea to production in five months, and our platform now serves brands like Decjuba, Rebel Sport NZ, Camilla, EHP Labs, and Budgy Smuggler.
Before Keeyu, I spent two decades building and leading technology at some of Australia’s most recognizable companies — from Woolworths Group to Mastercard to Hotsprings — architecting cloud-scale platforms, leading distributed engineering teams, and shipping products that handle millions of transactions.
// What I Build
Real agents. Real enterprise. Real results.
⚡
Agentic AI Systems
Designing and shipping AI agents that don’t just suggest — they execute. Automated issue detection, resolution workflows, and decision-making at scale across complex e-commerce operations.
🏗
Scalable Cloud Architecture
Azure, AKS, microservices, event-driven architectures. From monoliths to distributed systems, I’ve led cloud transformations for enterprises processing millions of daily transactions.
🌏
Distributed Team Leadership
Building and leading high-performing engineering teams across Sydney and Pakistan. Managing the cadence of onshore product strategy with offshore engineering velocity to ship fast and ship right.
// Impact at Keeyu
The numbers speak
// The Journey
Two decades of building
2024 — Present
CTO & Co-Founder
Keeyu — Sydney, Australia
Building the AI-powered operating system for e-commerce operations. Raised $2.3M pre-seed led by Rampersand. Startmate S24. SXSW Sydney Pitch finalist. Platform serving 15+ retailers across 25+ brands.
2023 — 2024
Fractional CTO & AI Consultant
Aplab Solutions
Retail technology consulting and agentic AI development. Helping SMEs harness enterprise-grade technology without enterprise-grade budgets.
2020 — 2023
Group Chief Technology Officer
Hotsprings
Led technology strategy and digital transformation for the group. Scaled platforms, modernized legacy systems, and built the engineering team.
2020
Azure Solution Architecture Consultant
Woolworths Group
Architected and led on-premise to cloud migration initiatives for one of Australia’s largest retailers.
2017 — 2019
Solutions Architect & Consultant
Mastercard
Designed and delivered payment solutions at global scale. Enterprise architecture across complex regulatory environments.
2013 — 2016
CTO / Enterprise Architect
One That Matters · NorthBay Solutions
Led modernisation of legacy systems into microservices. First CTO role — guided businesses through cloud transformation and modern development practices.
2006 — 2013
Software Architect & Engineering Lead
Confiz · Techlogix
Where it started. Software engineering, technical mentoring, and building the foundations of a career obsessed with how systems work — and how to make them better.
// Backed By
Smart money. Smart partners.
Rampersand (Lead)
Archangel Ventures
Startmate
Empress Capital
Exhort Ventures
Sydney Angels
Southern Angels
Jason Wyatt — Marketplacer
Alexey Mitko — Eucalyptus
Paul Greenberg — DealsDirect / Afterpay Advisor
Luigi Iacullo — Early Canva Investor
Let’s build something
that matters
Whether you’re scaling e-commerce, exploring agentic AI, or need a CTO who’s done it before.
(function() {
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.classList.add(‘tr-visible’);
}
});
}, { threshold: 0.1, rootMargin: ‘0px 0px -60px 0px’ });
document.querySelectorAll(‘.tr-reveal’).forEach(function(el) {
observer.observe(el);
});
})();
Article Board 