/* ByteFlowAI Landing Page */
.bfai {
--bfai-max: 1120px;
--bfai-radius: 16px;
--bfai-border: rgba(0,0,0,.10);
--bfai-shadow: 0 10px 30px rgba(0,0,0,.08);
--bfai-text: rgba(0,0,0,.88);
--bfai-muted: rgba(0,0,0,.65);
--bfai-bg: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
color: var(--bfai-text);
background: var(--bfai-bg);
}
.bfai * { box-sizing: border-box; }
.bfai-header {
max-width: var(--bfai-max);
margin: 0 auto;
padding: 18px 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.bfai-brand {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
}
.bfai-logo {
width: 40px;
height: 40px;
object-fit: contain;
}
.bfai-wordmark {
font-weight: 700;
letter-spacing: -0.02em;
}
.bfai-nav {
display: flex;
align-items: center;
gap: 14px;
}
.bfai-link {
text-decoration: none;
color: var(--bfai-muted);
font-weight: 600;
font-size: 14px;
}
.bfai-link:hover { color: var(--bfai-text); }
.bfai-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 14px;
border-radius: 999px;
border: 1px solid var(--bfai-border);
text-decoration: none;
color: var(--bfai-text);
font-weight: 700;
font-size: 14px;
line-height: 1;
white-space: nowrap;
}
.bfai-btn-primary {
border-color: transparent;
color: #fff;
background: #0F52BA;
}
.bfai-btn-ghost {
background: transparent;
}
.bfai-main {
max-width: var(--bfai-max);
margin: 0 auto;
padding: 0 18px 56px;
}
.bfai-hero {
padding: 14px 0 10px;
}
.bfai-hero-grid {
display: grid;
grid-template-columns: 1.25fr 0.75fr;
gap: 18px;
align-items: start;
}
.bfai-hero-copy h1 {
font-size: clamp(30px, 4vw, 46px);
line-height: 1.05;
letter-spacing: -0.03em;
margin: 10px 0 10px;
}
.bfai-subhead {
font-size: 16px;
color: var(--bfai-muted);
margin: 0 0 14px;
max-width: 52ch;
}
.bfai-bullets {
margin: 0 0 16px;
padding-left: 18px;
color: var(--bfai-text);
}
.bfai-cta-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 10px;
}
.bfai-microcopy {
font-size: 13px;
color: var(--bfai-muted);
margin: 0;
}
.bfai-card {
border: 1px solid var(--bfai-border);
border-radius: var(--bfai-radius);
box-shadow: var(--bfai-shadow);
padding: 18px;
background: #fff;
}
.bfai-card-title {
margin: 0 0 6px;
font-size: 18px;
}
.bfai-card-sub {
margin: 0 0 14px;
color: var(--bfai-muted);
font-size: 14px;
}
.bfai-form-slot {
border: 1px dashed var(--bfai-border);
border-radius: 12px;
padding: 12px;
margin: 10px 0 12px;
color: var(--bfai-muted);
font-size: 14px;
}
.bfai-hint {
margin: 6px 0 0;
font-size: 13px;
color: var(--bfai-muted);
}
.bfai-privacy {
margin: 0;
font-size: 12px;
color: var(--bfai-muted);
}
/* Sections */
.bfai-section {
padding: 34px 0 6px;
}
.bfai-section h2 {
margin: 0 0 10px;
font-size: 24px;
letter-spacing: -0.02em;
}
.bfai-section-sub {
margin: 0 0 16px;
color: var(--bfai-muted);
}
.bfai-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.bfai-tile {
border: 1px solid var(--bfai-border);
border-radius: var(--bfai-radius);
padding: 16px;
background: #fff;
}
.bfai-tile h3 { margin: 0 0 8px; font-size: 16px; }
.bfai-tile p { margin: 0 0 10px; color: var(--bfai-muted); }
.bfai-tile ul { margin: 0; padding-left: 18px; color: var(--bfai-text); }
.bfai-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.bfai-step {
display: flex;
gap: 12px;
border: 1px solid var(--bfai-border);
border-radius: var(--bfai-radius);
padding: 16px;
background: #fff;
}
.bfai-step-num {
width: 30px;
height: 30px;
border-radius: 999px;
background: rgba(15,82,186,.10);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 800;
color: #0F52BA;
}
.bfai-step h3 { margin: 0 0 6px; font-size: 16px; }
.bfai-step p { margin: 0; color: var(--bfai-muted); }
.bfai-faq {
border: 1px solid var(--bfai-border);
border-radius: var(--bfai-radius);
padding: 12px 14px;
background: #fff;
margin: 10px 0;
}
.bfai-faq summary {
cursor: pointer;
font-weight: 700;
}
.bfai-faq p {
margin: 10px 0 0;
color: var(--bfai-muted);
}
.bfai-final-cta {
margin-top: 18px;
border: 1px solid var(--bfai-border);
border-radius: var(--bfai-radius);
padding: 18px;
background: rgba(15,82,186,.06);
}
/* Squarespace Form Block styling inside bfai section */
.bfai .form-block,
.bfai form {
width: 100%;
}
.bfai input[type="text"],
.bfai input[type="email"],
.bfai textarea {
width: 100%;
border: 1px solid var(--bfai-border);
border-radius: 12px;
padding: 12px 12px;
font-size: 14px;
}
.bfai textarea { min-height: 110px; }
.bfai button,
.bfai input[type="submit"] {
width: 100%;
margin-top: 10px;
padding: 12px 14px;
border-radius: 999px;
border: 0;
background: #0F52BA;
color: #fff;
font-weight: 800;
cursor: pointer;
}
/* Mobile */
@media (max-width: 900px) {
.bfai-nav { display: none; }
.bfai-hero-grid { grid-template-columns: 1fr; }
.bfai-grid { grid-template-columns: 1fr; }
.bfai-steps { grid-template-columns: 1fr; }
}
AI implementation and automation that ships
ByteFlowAI builds fixed-scope automations that remove manual work, reduce errors, and create measurable time savings.
- n8n and Zapier workflows that run reliably
- AI assistants connected to your docs and tools
- Clean handoff: SOPs, dashboards, and support notes
Typical turnaround: days, not weeks. Fixed scope. Clear deliverables.
Services
Choose a clear outcome. Get a scoped build with documentation.
Automation builds
n8n or Zapier workflows that connect your tools and remove repetitive admin.
- Lead capture to CRM
- Scheduling, reminders, follow-ups
- Invoices, reports, alerts
AI implementation
Practical AI that supports real workflows, with guardrails.
- Document Q&A and retrieval
- Internal knowledge assistants
- Drafting and triage workflows
Quick Audit sprint
Fast diagnosis and a prioritized build plan you can execute.
- Current workflow map
- Automation opportunities
- Effort, risk, ROI estimates
Process
1
Clarify the outcome
Define the trigger, data, decision points, and success metric.
2
Ship the workflow
Build, test, add retries, logging, and edge-case handling.
3
Handoff clean
Deliver SOPs, diagrams, and simple maintenance guidance.
FAQ
What types of businesses are a fit?
Solopreneurs, creators, micro-agencies, and small teams with repeatable workflows and clear bottlenecks.
What do you need from me to start?
A brief description of the workflow, the tools you use today, and what “done” looks like.
Do you do retainers?
Default is fixed-scope delivery. Ongoing support is optional if the workflow requires it.
What tools do you build with?
Commonly n8n and Zapier, plus your existing stack. The goal is reliable automation, not tool sprawl.
Ready to remove busywork?
Send the workflow. Get a short plan and next step recommendation.
Request a Quick Audit