* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary: #0066ff;
--secondary: #00d4ff;
--dark: #0a0a0a;
--light: #ffffff;
--gray: #888;
--gradient: linear-gradient(135deg, var(--primary), var(--secondary));
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--dark);
color: var(--light);
overflow-x: hidden;
}
/* Navigation (same as homepage) */
nav {
position: fixed;
top: 0;
width: 100%;
backdrop-filter: blur(20px);
background: rgba(10, 10, 10, 0.8);
z-index: 1000;
padding: 1.5rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: bold;
background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nav-links {
display: flex;
gap: 2rem;
align-items: center;
}
.nav-links a {
color: var(--light);
text-decoration: none;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--secondary);
}
/* Main Content */
.main-content {
padding-top: 120px;
padding-bottom: 80px;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.page-header {
text-align: center;
margin-bottom: 4rem;
}
.page-header h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-header p {
color: var(--gray);
font-size: 1.3rem;
max-width: 700px;
margin: 0 auto;
}
/* Architecture Diagram */
.architecture-diagram {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 3rem;
margin-bottom: 4rem;
position: relative;
overflow: hidden;
}
.architecture-svg {
width: 100%;
height: auto;
max-height: 600px;
}
/* Layer Sections */
.layer-section {
margin-bottom: 4rem;
}
.layer-header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 2rem;
}
.layer-icon {
width: 50px;
height: 50px;
background: var(--gradient);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
}
.layer-header h2 {
font-size: 2rem;
}
.layer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-left: 66px; /* Align with header text */
}
.feature-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 15px;
padding: 2rem;
transition: all 0.3s;
}
.feature-card:hover {
transform: translateY(-3px);
border-color: rgba(0, 102, 255, 0.3);
background: rgba(0, 102, 255, 0.05);
}
.feature-card h3 {
font-size: 1.3rem;
margin-bottom: 1rem;
color: var(--secondary);
}
.feature-card p {
color: var(--gray);
line-height: 1.6;
}
/* Performance Metrics */
.metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
margin-top: 3rem;
margin-bottom: 4rem;
}
.metric-card {
background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(0, 212, 255, 0.1) 100%);
border-radius: 15px;
padding: 2rem;
text-align: center;
}
.metric-number {
font-size: 3rem;
font-weight: bold;
background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.metric-label {
color: var(--light);
margin-top: 0.5rem;
}
/* Technical Advantages */
.advantages-section {
background: rgba(0, 102, 255, 0.05);
border-radius: 20px;
padding: 3rem;
margin-bottom: 4rem;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 2rem;
}
.advantage-item {
display: flex;
align-items: start;
gap: 1rem;
}
.check-icon {
width: 24px;
height: 24px;
background: var(--gradient);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.check-icon::after {
content: '✓';
color: var(--light);
font-weight: bold;
}
/* Footer */
footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 3rem 0;
text-align: center;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
/* Responsive */
@media (max-width: 768px) {
.nav-links {
display: none;
}
.page-header h1 {
font-size: 2.5rem;
}
.layer-content {
margin-left: 0;
}
}
graph TD
subgraph "Executables"
exe[api_main]
examples[Examples]
end
subgraph "Static Libraries (.a)"
api[libsep_api.a]
quantum[libsep_quantum.a]
memory[libsep_memory.a]
engine[libsep_engine.a]
end
exe --> api
examples --> quantum
examples --> engine
api --> quantum
api --> memory
quantum --> engine
memory --> engine
The SEP Engine operates on a novel interpretation of interaction: an informational QED , where emergent forces within an informational manifold are mediated by virtual informational photons . This framework explains how coherence, stability, and the very patterns of reality arise directly from raw data streams.
QFH (Quantum Fourier Hierarchy): The Phase Aligner
QFH analyzes and establishes the fundamental periodicities and phase alignments of data, analogous to wavefunction interference. It discerns underlying informational structures and their inherent coherence.
QBSA (Quantum Bit State Analysis): The Coherence Prober
QBSA functions as SEP's deterministic probing mechanism. It performs a differential comparison between consecutive data states, identifying persistent coherence and critical 'ruptures' in informational flow.
Competitive Advantage: The Methodology
Feature
Traditional Development
SEP Dynamics (AI-Native)
Speed
Months/Years
Weeks/Months
Core Logic
Human-Coded
AI-Synthesized, Human-Architected
Explainable
Yes (Code)
Yes (First Principles & Code)
Adaptable
Slow Refactor Cycles
Rapid AI-Driven Iteration