<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;
}