/* ── 1. WORDPRESS ESCAPE (Essential for Aurvyn.ca) ── */
.site-content, .ast-container, .content-area, .site-primary, #content, #primary, .entry-content, .wp-block-html {
padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important;
}
.entry-header, .page-header, h1.entry-title { display: none !important; }

/* ── 2. GLOBAL STYLES ── */
@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap’);
:root { –orange: #FF8C00; –blue-lt: #4f8ef7; –dark: #04080f; }
body { font-family: ‘Poppins’, sans-serif; background: #000; color: #fff; margin: 0; }

/* ── 3. HERO & VIDEO (The Background) ── */
.hero { position: relative; width: 100%; min-height: 100vh; overflow: hidden; display: flex; align-items: center; }
#heroVideoWrap { position: fixed; inset: 0; z-index: -1; width: 100%; height: 100%; }
#heroVideo { width: 100%; height: 100%; object-fit: cover; filter: blur(6px) brightness(0.7); }

/* ── 4. CONTENT LAYER (The Foreground) ── */
.hero-content { position: relative; z-index: 10; width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 20px; }

/* ── 5. PIPELINE BUILDER (Full Logic Integration) ── */
#pw {
background: rgba(4, 8, 15, 0.9);
backdrop-filter: blur(15px);
border-radius: 14px;
border: 1px solid rgba(255,255,255,0.1);
position: relative;
min-height: 700px;
margin-top: 50px;
}
/* [Rest of the Waterfall Pipeline Styles…] */
#pmain { display: grid; grid-template-columns: 320px 1fr 1fr; gap: 20px; padding: 20px; }
.src-row { display: flex; align-items: center; gap: 12px; padding: 12px; cursor: pointer; border-radius: 8px; transition: 0.2s; color: #fff; }
.src-row:hover { background: rgba(255,255,255,0.1); }
.rdot { width: 10px; height: 10px; background: var(–blue-lt); border-radius: 50%; }
#lake-zone { border: 2px dashed rgba(255,255,255,0.2); border-radius: 12px; min-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

/* ── FULL JS INTEGRATION (waterfall_pipeline_fixed.html) ── */
const sources = [“Customer CRM”, “AWS S3 Logs”, “Stripe Billing”, “Legacy SQL”, “Shopify API”, “PDF Documents”, “IoT Sensors”];
const container = document.getElementById(‘row-container’);

sources.forEach((s, i) => {
const row = document.createElement(‘div’);
row.className = ‘src-row’;
row.innerHTML = `

${s}`;
row.onclick = () => {
document.getElementById(‘lake-hint’).style.display = ‘none’;
const tag = document.createElement(‘div’);
tag.innerText = s + ‘ ✔’;
tag.style.color = ‘#fff’;
document.getElementById(‘lake-tags’).appendChild(tag);
document.getElementById(‘btn-transform’).style.display = ‘block’;
};
container.appendChild(row);
});

/* Restore Scroll Blur */
const v = document.getElementById(‘heroVideo’);
window.addEventListener(‘scroll’, () => {
const s = window.scrollY;
v.style.filter = `blur(${Math.max(0, 6 – s/100)}px) brightness(0.7)`;
});