/* Shared theme for header/footer and background */
:root{
  --alien-green:#39ff14;
}
html,body{height:100%}
body{margin:0;color:var(--ink,#e6e6e6);background:#000;display:flex;flex-direction:column;min-height:100vh}
.page{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background-color:var(--panel,#121417);border-bottom:1px solid var(--border-light,rgba(255,255,255,.16));box-shadow:0 2px 0 rgba(255,255,255,.06) inset,0 1px 0 rgba(0,0,0,.75)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;min-height:56px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink,#e6e6e6)}
.brand svg{display:block;height:28px}
.brand .tag{font-size:12px;opacity:.7}
nav a{color:var(--ink,#e6e6e6);text-decoration:none;margin-left:18px;padding:8px 12px;border-radius:6px;transition:color .2s ease,text-shadow .25s ease,background .25s ease,box-shadow .25s ease,transform .12s ease;text-shadow:0 0 12px rgba(0,0,0,1),0 0 24px rgba(0,0,0,.98),0 0 48px rgba(0,0,0,.96),0 0 90px rgba(0,0,0,.94),0 0 140px rgba(0,0,0,.92),0 0 200px rgba(0,0,0,.90);-webkit-text-stroke:0 transparent;position:relative;z-index:2}
nav a:hover{background:transparent;color:var(--alien-green);opacity:1;text-shadow:0 0 12px var(--alien-green),0 0 30px rgba(57,255,20,.95),0 0 60px rgba(57,255,20,.55);-webkit-text-stroke:.15px rgba(57,255,20,.55);filter:drop-shadow(0 0 10px rgba(57,255,20,.35));box-shadow:none;transform:translateY(-1px)}
nav a.active{background:transparent;color:var(--alien-green);opacity:1;text-shadow:0 0 12px var(--alien-green),0 0 30px rgba(57,255,20,.95),0 0 60px rgba(57,255,20,.55);-webkit-text-stroke:.15px rgba(57,255,20,.55);filter:drop-shadow(0 0 10px rgba(57,255,20,.35))}
/* CSS-based active highlighting driven by body[data-active] */
body[data-active="home"] .site-header nav a[href$="landing.php"],body[data-active="features"] .site-header nav a[href$="subscribe.php"],body[data-active="contact"] .site-footer nav a[href$="contact.php"],body[data-active="tos"] .site-footer nav a[href$="terms-of-service.php"],body[data-active="privacy"] .site-footer nav a[href$="privacy.php"],body[data-active="about"] .site-footer nav a[href$="about.php"]{background:transparent;color:var(--alien-green);opacity:1;text-shadow:0 0 12px var(--alien-green),0 0 30px rgba(57,255,20,.95),0 0 60px rgba(57,255,20,.55);-webkit-text-stroke:.15px rgba(57,255,20,.55);filter:drop-shadow(0 0 10px rgba(57,255,20,.35))}
.login-btn{border:1px solid var(--accent);color:#fff;background:var(--accent)}
.login-btn:hover{color:var(--alien-green);border-color:var(--alien-green);text-shadow:0 0 12px var(--alien-green),0 0 26px rgba(57,255,20,.9);box-shadow:0 0 0 1px var(--alien-green) inset,0 0 28px rgba(57,255,20,.65);transform:translateY(-1px)}

/* Footer */
.site-footer{border-top:1px solid var(--border-light,rgba(255,255,255,.16));background-color:var(--panel-alt,#101214);margin-top:auto;box-shadow:0 -2px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.75)}
.site-footer .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;min-height:64px}
.site-footer nav a{margin:0 10px 0 0;color:var(--ink,#e6e6e6);opacity:.98}
.brand .tag{position:relative;padding:0 2px;border-radius:4px;text-shadow:0 0 10px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.99),0 0 40px rgba(0,0,0,.97),0 0 80px rgba(0,0,0,.95),0 0 120px rgba(0,0,0,.92);-webkit-text-stroke:0 transparent;z-index:2}
.copyright{opacity:.72;font-size:.95rem}

/* Tessellated header/footer background from extracted motif */
.site-header,.site-footer{position:relative}
.site-header .inner,.site-footer .inner{position:relative;z-index:1}
.site-header::before,.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url('../assets/pinnacle_lines.svg');background-size:calc(1024px / 6) calc(1024px / 6);background-repeat:repeat;background-position:0 0;opacity:.32}

/* Main page background: solid black (no tessellation) */
/* body already has background:#000 set above */

/* Hide legacy overlays if present */
.header-net,.footer-net,.bg-defs,.bg-overlay-header,.bg-overlay-footer{display:none!important}

@media (max-width:720px){.embed iframe{height:520px}}


/* Breadcrumb resets: do not apply header nav styles */
nav[aria-label="Breadcrumb"] a,
nav[aria-label="Breadcrumbs"] a,
.crumbs a{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
  transform:none!important;
}