<script>

//aboutpage

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

window.addEventListener('scroll',()=>{const n=document.getElementById('nav');if(n)n.style.boxShadow=window.scrollY>36?'0 2px 18px rgba(60,61,140,.09)':'none';});

</script>

<script>

//chartpage

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

window.addEventListener('scroll',()=>{const n=document.getElementById('nav');if(n)n.style.boxShadow=window.scrollY>36?'0 2px 18px rgba(60,61,140,.09)':'none';});

</script>

<script>

function chartSubmit(e) {

e.preventDefault();

const btn = e.target.querySelector('button');

btn.textContent = 'Chart request received! Check your inbox within 24 hours.';

‍ ‍btn.style.background = 'var(--sage)';

btn.disabled = true;

}

</script>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">

//membership page

</script>

<script>

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

window.addEventListener('scroll',()=>{document.getElementById('nav').style.boxShadow=window.scrollY>36?'0 2px 18px rgba(60,61,140,.09)':'none';});

function sub(e){e.preventDefault();const btn=e.target.querySelector('button');const inp=e.target.querySelector('input');

btn.textContent = 'You\'re on the list';

‍ ‍btn.style.background = 'var(--sage)';

inp.value = '';

}

</script>

<script>

// Home

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

window.addEventListener('scroll',()=>{document.getElementById('nav').style.boxShadow=window.scrollY>36?'0 2px 18px rgba(60,61,140,.09)':'none';});

</script>

<script>

//work with me paaggge

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

window.addEventListener('scroll',()=>{document.getElementById('nav').style.boxShadow=window.scrollY>36?'0 2px 18px rgba(60,61,140,.09)':'none';});

</script>

<script>

//reports

const obs = new IntersectionObserver(es => {

es.forEach(e => {

if (e.isIntersecting) {

const peers = [...(e.target.parentElement?.querySelectorAll('.r') || [])];

setTimeout(() => e.target.classList.add('on'), peers.indexOf(e.target) * 110);

obs.unobserve(e.target);

}

});

}, {threshold: 0.08, rootMargin: '0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el => obs.observe(el));

window.addEventListener('scroll', () => {

document.querySelector('nav').style.boxShadow = window.scrollY > 36 ? '0 2px 18px rgba(60,61,140,.09)' : 'none';

});

function handleNotify(e) {

e.preventDefault();

const btn = e.target.querySelector('button');

const input = e.target.querySelector('input');

btn.textContent = 'You’re on the list ✦';

‍ ‍btn.style.background = '#5a9d8e';

input.value = '';

input.placeholder = 'Welcome to Unmask.';

}

</script>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">

//Contact

</script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>

function contactSubmit(e) {

e.preventDefault();

const btn = e.target.querySelector('button');

btn.textContent = 'Message sent! You will hear back within 48 hours.';

‍ ‍btn.style.background = 'var(--sage)';

btn.disabled = true;

}

function toggleFaq(el) {

const faq = el.parentElement;

faq.classList.toggle('open');

}

</script>

<script>

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

function toggleFaq(el){

const faq=el.parentElement;

faq.classList.toggle('open');

}

</script>

<script>

//privacy

const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){const p=[...(e.target.parentElement?.querySelectorAll('.r')||[])];setTimeout(()=>e.target.classList.add('on'),p.indexOf(e.target)*95);obs.unobserve(e.target);}});},{threshold:0.08,rootMargin:'0px 0px -28px 0px'});

document.querySelectorAll('.r').forEach(el=>obs.observe(el));

</script>

<script>

// New Reportpage after

function filterYear(el, year) {

// Update active tab

document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active'));

el.classList.add('active');

// Show/hide year blocks

document.querySelectorAll('.year-block').forEach(block => {

if (year === 'all' || block.dataset.year === year) {

block.classList.remove('hidden');

} else {

block.classList.add('hidden');

}

});

}

function scrollToWaitlist() {

document.getElementById('waitlist').scrollIntoView({ behavior: 'smooth', block: 'center' });

}

</script>

<script>

//New navbar code on all active page : html on on every page, css on custom css and js here

const hamburger = document.getElementById('hamburger');

const mobileDrawer = document.getElementById('mobileDrawer');

const closeDrawerBtn = document.getElementById('closeDrawer');

const overlay = document.getElementById('overlay');

function openDrawer(){

hamburger.classList.add('open');

mobileDrawer.classList.add('open');

overlay.classList.add('active');

}

function closeDrawerFn(){

hamburger.classList.remove('open');

mobileDrawer.classList.remove('open');

overlay.classList.remove('active');

}

hamburger.addEventListener('click', function(){

mobileDrawer.classList.contains('open') ? closeDrawerFn() : openDrawer();

});

closeDrawerBtn.addEventListener('click', closeDrawerFn);

overlay.addEventListener('click', closeDrawerFn);

document.querySelectorAll('.drawer-links a').forEach(function(link){

link.addEventListener('click', closeDrawerFn);

});

</script>

/* ── NAV ── */

nav{

padding:26px 0;

border-bottom:1px solid var(--line);

background-color: #f4eee4;

}

.nav-inner{

display:flex;

align-items:center;

justify-content:space-between;gap:16px;

}

.nav-logo-img{

height:50px;

width:auto;

display:block;

flex-shrink:0;

}

.nav-links{

display:flex;

gap:clamp(14px, 2.2vw, 34px);

font-size:clamp(12px, 1.15vw, 15px);

font-weight: 300 !important;

flex-wrap:nowrap;

white-space:nowrap;

}

.nav-links a{

color:var(--charcoal);

opacity:.75;transition:opacity .2s;

}

.nav-links a:hover, .nav-links a.active{

opacity:1;

}

.nav-cta-new{

background:var(--charcoal);color:var(--cream);

padding:11px clamp(14px, 1.6vw, 22px);

border-radius:2px;

font-size:clamp(12px, 1.1vw, 15px);

font-weight:600;

white-space:nowrap;

flex-shrink:0;

}

/* ── HAMBURGER ──── */

.hamburger{

display:none;

flex-direction:column; gap:5px;

background:transparent;

border:none;

cursor:pointer; z-index:200;

padding:4px; flex-shrink:0;

}

.hamburger span{

width:24px;

height:2px;

background:var(--charcoal);

display:block;

border-radius:2px;

transition:transform .3s, opacity .3s;

}

.hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }

.hamburger.open span:nth-child(2){ opacity:0; }

.hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ── MOBILE DRAWER ── */

.mobile-drawer{

position:fixed;

top:-120%; left:0;

width:100%; height:100vh;

background:var(--cream);

z-index:999;

transition:top .35s ease;

padding:2rem;

display:flex;

flex-direction:column;

overflow-y:auto;

border-bottom:1px solid var(--line);

}

.mobile-drawer.open{ top:0; }

.drawer-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:2rem;

}

.drawer-header button{

background:none;

border:none; font-size:1.6rem;

color:var(--charcoal);

cursor:pointer;

}

.drawer-links{

list-style:none;

display:flex;

flex-direction:column;

gap:1.5rem;

}

.drawer-links a{

color:var(--charcoal);

font-size:1.07rem;

font-weight:600;

text-transform:uppercase;

letter-spacing:.05em;

display:block;

}

.drawer-links a:hover{

color:var(--deep-teal);

}

.drawer-cta{

background:var(--charcoal);

color:var(--cream)!important;

padding:.9rem 1.2rem;

border-radius:2px;

display:inline-block;

font-weight:600;

text-align:center;

}

/* ── OVERLAY ── */

.overlay{

position:fixed; inset:0;

background:rgba(0,0,0,.45);

opacity:0; pointer-events:none;

transition:.3s; z-index:998;

}

.overlay.active{

opacity:1;

pointer-events:all;

}

/* ── RESPONSIVE ── */

@media(max-width:1080px){

‍ ‍

.nav-links{

display:none!important;

}

.nav-cta-new{

display:none!important;

}

.hamburger{

display:flex;

}

}

.wrap{

max-width:1080px;

margin:0 auto;

padding:0 32px;

}