:root{--bg:#070a0e;--text:#f4f6fc;--dim:#d9d9d9;--salmon:#ff751f;--green:#39ff14;--violet:#401268;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Aquire',sans-serif;overflow-x:hidden;position:relative;}

/* ===== POSSESSED OVERLAY (foreground, always visible) ===== */
.overlay{
  position:fixed; inset:0; pointer-events:none; z-index:5;
  /* Base subtle depth haze */
  background:
    radial-gradient(1200px 800px at 15% 40%, rgba(64,18,104,.16), transparent 70%),
    radial-gradient(1000px 700px at 85% 75%, rgba(0,0,0,.25), transparent 70%);
}
/* Layer 1: faint silhouettes (very low opacity), gentle drift */
.overlay::before{
  content:""; position:absolute; inset:0; opacity:.18;
  background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1200'>\
  <defs>\
    <filter id='blur'><feGaussianBlur stdDeviation='2'/></filter>\
    <linearGradient id='grad' x1='0' y1='0' x2='0' y2='1'>\
      <stop offset='0%' stop-color='%23070a0e' stop-opacity='0.0' />\
      <stop offset='40%' stop-color='%23070a0e' stop-opacity='0.0' />\
      <stop offset='100%' stop-color='%23070a0e' stop-opacity='0.0' />\
    </linearGradient>\
  </defs>\
  <g filter='url(%23blur)' fill='%23000000'>\
    <path d='M220,950 c40,-160 140,-160 180,0 v180 h-180 z' opacity='0.55'/>\
    <path d='M440,980 c35,-150 120,-150 160,0 v150 h-160 z' opacity='0.5'/>\
    <path d='M760,960 c38,-170 130,-170 168,0 v170 h-168 z' opacity='0.5'/>\
    <path d='M1020,970 c36,-160 126,-160 162,0 v160 h-162 z' opacity='0.5'/>\
    <path d='M1320,990 c34,-150 116,-150 150,0 v140 h-150 z' opacity='0.48'/>\
    <path d='M1600,960 c40,-170 140,-170 182,0 v170 h-182 z' opacity='0.55'/>\
  </g>\
  <rect x='0' y='0' width='2000' height='1200' fill='url(%23grad)'/>\
</svg>") center/cover no-repeat;
  animation: silhouettesSway 32s ease-in-out infinite;
}
/* Layer 2: glowing eyes (pure white glints), desynced fades + dust */
.overlay::after{
  content:""; position:absolute; inset:0; opacity:.85; mix-blend-mode:screen;
  background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1200'>\
  <defs>\
    <filter id='glow'><feGaussianBlur stdDeviation='2' result='b'/><feMerge><feMergeNode in='b'/><feMergeNode in='SourceGraphic'/></feMerge></filter>\
  </defs>\
  <g filter='url(%23glow)' fill='%23ffffff'>\
    <!-- eyes pairs aligned with silhouettes -->\
    <circle cx='290' cy='880' r='5'/><circle cx='330' cy='880' r='5'/>\
    <circle cx='520' cy='900' r='4'/><circle cx='556' cy='900' r='4'/>\
    <circle cx='840' cy='880' r='5'/><circle cx='880' cy='880' r='5'/>\
    <circle cx='1100' cy='900' r='4'/><circle cx='1136' cy='900' r='4'/>\
    <circle cx='1390' cy='910' r='4'/><circle cx='1426' cy='910' r='4'/>\
    <circle cx='1680' cy='880' r='5'/><circle cx='1720' cy='880' r='5'/>\
  </g>\
  <!-- sparse dust -->\
  <g opacity='0.35' fill='%23ffffff'>\
    <circle cx='200' cy='200' r='1.4'/><circle cx='450' cy='160' r='1.2'/><circle cx='720' cy='220' r='1.5'/>\
    <circle cx='1100' cy='140' r='1.2'/><circle cx='1500' cy='240' r='1.4'/><circle cx='1720' cy='320' r='1.2'/>\
    <circle cx='240' cy='960' r='1.4'/><circle cx='980' cy='980' r='1.3'/><circle cx='1460' cy='940' r='1.4'/>\
  </g>\
</svg>") center/cover no-repeat;
  animation: eyesPulse 14s ease-in-out infinite;
}
@keyframes silhouettesSway{
  0%{transform:translateY(0) translateX(0) scale(1);}
  50%{transform:translateY(18px) translateX(-8px) scale(1.01);}
  100%{transform:translateY(0) translateX(0) scale(1);}
}
@keyframes eyesPulse{
  0%,100%{opacity:.35; transform:translateY(0) translateX(0);}
  50%{opacity:.85; transform:translateY(-10px) translateX(6px);}
}

/* ===== Layout identical to v6/v7 ===== */
.logo-row{display:flex;justify-content:center;padding:40px 0 10px;}
.logo-hero{height:180px;max-width:85vw;object-fit:contain;}
.hero{text-align:center;padding:8vh 6vw 10vh;position:relative;}
h1{font-size:clamp(2.4rem,5vw,3.8rem);margin-bottom:1rem;}
p{color:var(--dim);margin-bottom:1rem;}
.cta-row{margin-top:1.8rem;margin-bottom:1.5rem;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{padding:14px 26px;border-radius:4px;font-size:.95rem;border:1px solid var(--salmon);background:var(--salmon);color:#000;}
.btn:hover{background:#ff9253;}
.social-links{margin-top:1.2rem;display:flex;gap:12px;justify-content:center;font-size:.95rem;}
.social-links a{color:var(--text);text-decoration:none;}
.social-links a:hover{color:var(--salmon);text-decoration:underline;}
.divider{height:1px;background:rgba(255,117,31,.28);width:82%;margin:6vh auto;}
.wrapper{width:70%;max-width:1000px;margin:0 auto;padding:4vh 0;}
.wrapper p{line-height:1.7;font-size:1.05rem;margin:.6rem 0;}
.teaser{text-align:center;padding-bottom:8vh;}
.foot{text-align:center;padding:40px;color:var(--dim);}
.foot a{color:var(--text);}

/* splash unchanged */
.splash{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeOut 2s ease 1s forwards;}
.splash-signal{width:120px;height:120px;border:4px solid var(--green);border-radius:50%;animation:pulse 1.2s infinite;}
@keyframes pulse{0%{transform:scale(.8);opacity:.5;}50%{transform:scale(1);opacity:1;}100%{transform:scale(.8);opacity:.5;}}
@keyframes fadeOut{to{opacity:0;visibility:hidden;}}