/* — SCOPED CSS SYSTEM — */
/* All styles are scoped to #prescient-landing-wrapper to prevent theme conflicts */
#prescient-landing-wrapper {
/* Brand Variables */
–piq-bg: #0f172a; /* Slate 900 */
–piq-surface: #1e293b; /* Slate 800 */
–piq-accent: #06b6d4; /* Cyan 500 */
–piq-secondary: #3b82f6;/* Blue 500 */
–piq-text-main: #cbd5e1;/* Slate 300 */
–piq-text-muted: #94a3b8;/* Slate 400 */
–piq-white: #ffffff;
–piq-purple: #a855f7;
–piq-green: #22c55e;
/* Base Settings */
background-color: var(–piq-bg);
color: var(–piq-text-main);
font-family: ‘Inter’, sans-serif;
line-height: 1.6;
width: 100%;
position: relative;
box-sizing: border-box;
overflow-x: hidden; /* Prevent horizontal scroll */
}
/* Reset Box Sizing inside wrapper */
#prescient-landing-wrapper *,
#prescient-landing-wrapper *::before,
#prescient-landing-wrapper *::after {
box-sizing: border-box;
}
/* Typography Resets */
#prescient-landing-wrapper h1,
#prescient-landing-wrapper h2,
#prescient-landing-wrapper h3,
#prescient-landing-wrapper h4 {
margin: 0;
font-weight: 800;
color: var(–piq-white);
line-height: 1.2;
}
#prescient-landing-wrapper p {
margin: 0 0 1rem 0;
color: var(–piq-text-muted);
}
#prescient-landing-wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
/* Layout Utilities */
#prescient-landing-wrapper .piq-container {
max-width: 1024px;
margin: 0 auto;
padding: 60px 20px;
}
#prescient-landing-wrapper .text-center { text-align: center; }
#prescient-landing-wrapper .text-right { text-align: right; }
/* Header Section */
#prescient-landing-wrapper .piq-badge {
display: inline-block;
padding: 4px 12px;
margin-bottom: 20px;
font-family: ‘JetBrains Mono’, monospace;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(–piq-accent);
background-color: rgba(6, 182, 212, 0.1);
border: 1px solid rgba(6, 182, 212, 0.2);
border-radius: 999px;
}
#prescient-landing-wrapper h1.piq-title {
font-size: 36px;
margin-bottom: 20px;
}
#prescient-landing-wrapper .piq-accent-text { color: var(–piq-accent); }
#prescient-landing-wrapper .piq-white-text { color: var(–piq-white); font-weight: 600; }
#prescient-landing-wrapper .piq-subtitle {
font-size: 18px;
max-width: 700px;
margin: 0 auto 30px auto;
}
#prescient-landing-wrapper .piq-meta {
display: flex;
justify-content: center;
gap: 20px;
font-family: ‘JetBrains Mono’, monospace;
font-size: 14px;
color: var(–piq-text-muted);
}
#prescient-landing-wrapper .piq-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
}
/* Visualization Section */
#prescient-landing-wrapper .piq-viz-card {
background-color: var(–piq-surface);
border: 1px solid #334155;
border-radius: 16px;
padding: 30px;
margin-bottom: 60px;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
#prescient-landing-wrapper .piq-viz-header {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
}
#prescient-landing-wrapper .piq-system-status {
font-family: ‘JetBrains Mono’, monospace;
font-size: 12px;
color: var(–piq-text-muted);
margin-top: 15px;
}
#prescient-landing-wrapper .piq-status-active {
color: var(–piq-accent);
font-weight: bold;
animation: pulse 2s infinite;
}
/* Chart Container */
#prescient-landing-wrapper .chart-container {
position: relative;
width: 100%;
height: 300px;
max-height: 400px;
}
#prescient-landing-wrapper canvas {
width: 100% !important;
height: 100% !important;
}
/* Grid Layouts */
#prescient-landing-wrapper .piq-grid-2 {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
#prescient-landing-wrapper .piq-grid-3-1 {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
/* Responsibilities Cards */
#prescient-landing-wrapper .piq-card {
background-color: rgba(30, 41, 59, 0.5); /* semi-transparent surface */
border: 1px solid #334155;
border-radius: 12px;
padding: 24px;
transition: all 0.3s ease;
}
#prescient-landing-wrapper .piq-card:hover {
background-color: var(–piq-surface);
transform: translateY(-2px);
}
/* Hover Border Effects using specific classes */
#prescient-landing-wrapper .piq-card.hover-accent:hover { border-color: rgba(6, 182, 212, 0.5); }
#prescient-landing-wrapper .piq-card.hover-blue:hover { border-color: rgba(59, 130, 246, 0.5); }
#prescient-landing-wrapper .piq-card.hover-purple:hover { border-color: rgba(168, 85, 247, 0.5); }
#prescient-landing-wrapper .piq-card.hover-green:hover { border-color: rgba(34, 197, 94, 0.5); }
#prescient-landing-wrapper .piq-icon-box {
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
transition: transform 0.3s ease;
}
#prescient-landing-wrapper .piq-card:hover .piq-icon-box {
transform: scale(1.1);
}
/* Icon Colors */
#prescient-landing-wrapper .icon-accent { background: rgba(6, 182, 212, 0.1); color: var(–piq-accent); }
#prescient-landing-wrapper .icon-blue { background: rgba(59, 130, 246, 0.1); color: var(–piq-secondary); }
#prescient-landing-wrapper .icon-purple { background: rgba(168, 85, 247, 0.1); color: var(–piq-purple); }
#prescient-landing-wrapper .icon-green { background: rgba(34, 197, 94, 0.1); color: var(–piq-green); }
/* Section Titles */
#prescient-landing-wrapper .piq-section-title {
font-family: ‘JetBrains Mono’, monospace;
font-size: 18px;
font-weight: 700;
color: var(–piq-text-muted);
border-bottom: 1px solid #334155;
padding-bottom: 10px;
margin-bottom: 30px;
}
/* Profile List */
#prescient-landing-wrapper .piq-list-item {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
#prescient-landing-wrapper .piq-bullet {
color: var(–piq-accent);
margin-right: 12px;
font-weight: bold;
}
/* Compensation Box */
#prescient-landing-wrapper .piq-comp-box {
background: linear-gradient(135deg, var(–piq-surface), #0f172a);
border: 1px solid #334155;
border-radius: 12px;
padding: 24px;
position: relative;
}
#prescient-landing-wrapper .piq-comp-tag {
position: absolute;
top: -12px;
left: 20px;
background-color: var(–piq-accent);
color: var(–piq-bg);
font-size: 12px;
font-weight: 800;
padding: 4px 8px;
border-radius: 4px;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
#prescient-landing-wrapper .piq-comp-row {
margin-bottom: 20px;
}
#prescient-landing-wrapper .piq-comp-label {
font-family: ‘JetBrains Mono’, monospace;
font-size: 12px;
color: var(–piq-text-muted);
margin-bottom: 4px;
}
#prescient-landing-wrapper .piq-comp-value {
font-size: 24px;
font-weight: 700;
color: var(–piq-white);
}
#prescient-landing-wrapper .text-accent { color: var(–piq-accent); }
/* CTA Section */
#prescient-landing-wrapper .piq-cta-section {
background-color: #020617; /* Even darker */
border: 1px solid #334155;
border-radius: 16px;
padding: 40px 20px;
text-align: center;
margin-top: 60px;
}
#prescient-landing-wrapper .wp-form-container {
max-width: 600px;
margin: 0 auto;
background-color: rgba(30, 41, 59, 0.5);
padding: 20px;
border-radius: 8px;
text-align: left;
}
/* Footer */
#prescient-landing-wrapper .piq-footer {
text-align: center;
font-family: ‘JetBrains Mono’, monospace;
font-size: 12px;
color: #475569;
margin-top: 60px;
}
/* Animation */
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
/* SVG Utilities */
#prescient-landing-wrapper svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* Media Queries for Desktop */
@media (min-width: 768px) {
#prescient-landing-wrapper h1.piq-title { font-size: 60px; }
#prescient-landing-wrapper .piq-grid-2 { grid-template-columns: 1fr 1fr; }
#prescient-landing-wrapper .piq-viz-header { flex-direction: row; align-items: flex-end; }
#prescient-landing-wrapper .piq-system-status { text-align: right; margin-top: 0; }
}
@media (min-width: 1024px) {
#prescient-landing-wrapper .piq-grid-3-1 { grid-template-columns: 2fr 1fr; }
}
Classified: Executive Search
Founding CTO / Architect
Build the Unified Causal Intelligence engine that doesn’t just predict the future—it simulates it.
Remote / Hybrid
Co-Founder Equity
MISSION OBJECTIVES
Build the Core
Architect and code the “Inference Layer” for scenario modeling. Move beyond correlation to true causal inference.
Define the Stack
Select optimal tools (Python/Rust, TF/PyTorch, GCP/AWS). Balance immediate MVP speed with 10x scale architecture.
Secure the Platform
Design “boardroom-grade” security and governance protocols. Essential for our Fortune 500 design partners.
Establish MACH
Design a Microservices, API-first, Cloud-native, Headless infrastructure for agility and autonomous scaling.
OPERATOR PROFILE
▹
A Full-Stack Visionary
Comfortable deep in backend Causal AI logic AND high up in the API layer.
▹
A Pragmatic Scaler
You know when to ship an MVP and when to engineer for massive scale. You manage technical debt proactively.
▹
A “Special Forces” Mindset
High agency. You own the outcome, not just the task. You are a builder, not just a manager.
COMPENSATION
BASE SALARY (SEED/SERIES A)
$130k – $160k
EQUITY (CO-FOUNDER)
15% – 25%
+ Complete Autonomy
+ Remote / Hybrid Flexibility
+ High-Impact Mission
Initialize Sequence
Ready to build the future? The mission starts here.
(function() {
function initChart() {
const canvas = document.getElementById(‘missionChart’);
if (!canvas) return;
const ctx = canvas.getContext(‘2d’);
const gradientTrad = ctx.createLinearGradient(0, 0, 0, 400);
gradientTrad.addColorStop(0, ‘rgba(148, 163, 184, 0.2)’);
gradientTrad.addColorStop(1, ‘rgba(148, 163, 184, 0)’);
const gradientNew = ctx.createLinearGradient(0, 0, 0, 400);
gradientNew.addColorStop(0, ‘rgba(6, 182, 212, 0.5)’);
gradientNew.addColorStop(1, ‘rgba(6, 182, 212, 0)’);
if (window.Chart) {
new Chart(ctx, {
type: ‘line’,
data: {
labels: [‘Seed’, ‘Launch’, ‘Scale’, ‘Maturity’, ‘Future’],
datasets: [
{
label: ‘Traditional AI (Correlation)’,
data: [20, 45, 60, 65, 66],
borderColor: ‘#94a3b8’,
backgroundColor: gradientTrad,
borderWidth: 2,
borderDash: [5, 5],
pointRadius: 0,
tension: 0.4,
fill: true
},
{
label: ‘PrescientIQ (Causal Simulation)’,
data: [20, 50, 85, 95, 100],
borderColor: ‘#06b6d4’,
backgroundColor: gradientNew,
borderWidth: 3,
pointBackgroundColor: ‘#0f172a’,
pointBorderColor: ‘#06b6d4’,
pointBorderWidth: 2,
pointRadius: 4,
pointHoverRadius: 6,
tension: 0.4,
fill: true
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: ‘bottom’,
labels: { color: ‘#cbd5e1’, font: { family: ‘Inter’, size: 12 } }
},
tooltip: {
mode: ‘index’,
intersect: false,
backgroundColor: ‘rgba(15, 23, 42, 0.9)’,
titleColor: ‘#fff’,
bodyColor: ‘#cbd5e1’,
borderColor: ‘#334155’,
borderWidth: 1
}
},
scales: {
y: {
grid: { color: ‘#334155’, drawBorder: false },
ticks: { color: ‘#64748b’, display: false },
title: { display: true, text: ‘Decision Confidence’, color: ‘#64748b’ },
beginAtZero: true
},
x: {
grid: { display: false },
ticks: { color: ‘#64748b’ }
}
},
interaction: {
mode: ‘nearest’,
axis: ‘x’,
intersect: false
}
}
});
}
}
if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, initChart);
} else {
initChart();
}
})();