/* ════════════════════════════════════════════
   DESIGN TOKENS
════════════════════════════════════════════ */
.wiissttaa-footer-scope {/* surfaces */
  --s0: #000000;
  --s1: #070707;
  --s2: #0f0f0f;
  --s3: #161616;
  --s4: #1d1d1d;

  /* red */
  --red:      #ff0000;
  --red2:     #ff0000;
  --rg:       rgb(228, 0, 0);
  --rs:       rgba(177, 0, 0, 0.45);
  --rt:       rgba(216,21,21,.055);
  --rb:       rgba(216,21,21,.18);

  /* gold */
  --gld:      #ffc400;
  --gld2:     #ffd000;
  --gg:       rgba(191,140,26,.45);
  --gs:       rgba(191,140,26,.1);
  --gt:       rgba(191,140,26,.055);
  --gb:       rgba(191,140,26,.18);

  /* slate-blue accent */
  --ice:      #007bff;
  --ib:       rgba(78,143,212,.18);
  --is:       rgba(78,143,212,.07);

  /* text */
  --tx0: #FFFFFF;
  --tx1: #F0F0F0;
  --tx2: #AFAFAF;
  --tx3: #686868;
  --tx4: #383838;

  /* borders */
  --br1: rgba(255,255,255,.06);
  --br2: rgba(255,255,255,.11);
  --br3: rgba(255,255,255,.17);

  /* ── FONTS ──
     Unbounded        → brand name, stat numbers  (wide, hyper-geometric, premium)
     Big Shoulders     → section headings          (tall editorial display)
     Plus Jakarta Sans → nav links, body, labels  (warm modern UI, very 2025)
     JetBrains Mono   → HUD / ticker only         (developer-grade terminal)
  */
  --f-brand:  "Unbounded", sans-serif;
  --f-head:   "Big Shoulders Display", sans-serif;
  --f-ui:     "Plus Jakarta Sans", sans-serif;
  --f-code:   "JetBrains Mono", monospace;

  --ease:  cubic-bezier(.4,0,.2,1);
  --fast:  .13s var(--ease);
  --med:   .24s var(--ease);

  --hh:  42px;
  --max: 1200px;}

.wiissttaa-footer-scope *, .wiissttaa-footer-scope *::before, .wiissttaa-footer-scope *::after {box-sizing:border-box; margin:0; padding:0;}
.wiissttaa-footer-scope {-webkit-text-size-adjust:100%;}
.wiissttaa-footer-scope {
  font-family: var(--f-ui);
  color: var(--tx0);
  -webkit-font-smoothing: antialiased;
}

.wiissttaa-footer-scope a {text-decoration:none; color:inherit;}
.wiissttaa-footer-scope .spacer {flex:1; min-height:60px;}

/* ════════════════════════════════════════════
   MARQUEE
════════════════════════════════════════════ */
.wiissttaa-footer-scope .mq {overflow:hidden; width:100%;
  background: var(--s2);
  border-top: 2px solid var(--red);
  border-bottom: 1px solid var(--br1);
  padding: 8px 0; position:relative;}
.wiissttaa-footer-scope .mq::before, .wiissttaa-footer-scope .mq::after {content:""; position:absolute; top:0; bottom:0; width:110px;
  z-index:2; pointer-events:none;}
.wiissttaa-footer-scope .mq::before {left:0;  background:linear-gradient(90deg,var(--s2),transparent);}
.wiissttaa-footer-scope .mq::after {right:0; background:linear-gradient(270deg,var(--s2),transparent);}
.wiissttaa-footer-scope .mq:hover .mq-t {animation-play-state:paused;}

.wiissttaa-footer-scope .mq-t {display:flex; align-items:center; white-space:nowrap;
  animation: mq-run 30s linear infinite;}
@keyframes mq-run { to { transform:translateX(-50%); } }

.wiissttaa-footer-scope .mq-i {display:inline-flex; align-items:center; gap:9px;
  padding:0 26px; flex-shrink:0;
  font-family: var(--f-ui);
  font-size:11.5px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase;
  color: var(--tx2);}
.wiissttaa-footer-scope .mq-i i {font-size:11px;}
.wiissttaa-footer-scope .mq-sep {color:var(--tx4); margin-left:18px; font-size:8px;}
.wiissttaa-footer-scope .mc-r {color:var(--red);}
.wiissttaa-footer-scope .mc-g {color:var(--gld);}
.wiissttaa-footer-scope .mc-i {color:var(--ice);}

/* ════════════════════════════════════════════
   FOOTER SHELL
════════════════════════════════════════════ */
.wiissttaa-footer-scope .footer {width:100%; background:var(--s1); position:relative; overflow:hidden;}

/* Video background */
.wiissttaa-footer-scope .ft-video-bg {position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;}
.wiissttaa-footer-scope .ft-video-bg video {width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: blur(8px) brightness(0.28) saturate(0.7);
  transform: scale(1.06); /* hide blur edge artifacts */
  opacity: 0.65;
  transition: opacity 1.2s ease;}
.wiissttaa-footer-scope .ft-video-bg::after {content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, var(--s1) 0%, transparent 18%, transparent 82%, var(--s1) 100%),
    linear-gradient(to right,  var(--s1) 0%, transparent 12%, transparent 88%, var(--s1) 100%);
  z-index: 1;}

/* Atmosphere */
.wiissttaa-footer-scope .ft-atm {position:absolute; inset:0; pointer-events:none; z-index:0;}
.wiissttaa-footer-scope .ft-atm::before {content:""; position:absolute; inset:0;
  background: repeating-linear-gradient(
    0deg, transparent 0px, transparent 2px,
    rgba(255,255,255,.008) 2px, rgba(255,255,255,.008) 3px
  );}
/* grid overlay */
.wiissttaa-footer-scope .ft-atm::after {content:""; position:absolute; inset:0; opacity:.013;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size: 80px 80px;
  animation: grid-drift 40s linear infinite;}
@keyframes grid-drift { to { background-position: 80px 80px; } }

.wiissttaa-footer-scope .ft-glow-l {position:absolute; bottom:-140px; left:-140px; width:600px; height:600px; background:radial-gradient(circle,rgba(216,21,21,.065),transparent 55%); pointer-events:none; z-index:0;}
.wiissttaa-footer-scope .ft-glow-r {position:absolute; top:-80px; right:-80px; width:440px; height:440px; background:radial-gradient(circle,rgba(191,140,26,.045),transparent 55%); pointer-events:none; z-index:0;}

/* Stripe */
.wiissttaa-footer-scope .ft-stripe {height:3px; position:relative; z-index:2;
  background: linear-gradient(90deg, var(--red) 0%, var(--gld) 40%, var(--ice) 72%, transparent 100%);
  box-shadow: 0 0 18px rgba(216,21,21,.28);}

.wiissttaa-footer-scope .ft-w {position:relative; z-index:1; max-width:var(--max); margin:0 auto; padding:0 48px;}

/* ════════════════════════════════════════════
   HERO
════════════════════════════════════════════ */
.wiissttaa-footer-scope .hero {padding: 56px 0 44px;
  border-bottom: 1px solid var(--br1);
  display:flex; align-items:flex-start;
  justify-content:space-between; gap:56px; flex-wrap:wrap;}

/* Brand name — Unbounded, ultra-wide */
.wiissttaa-footer-scope .hero-left {flex:1; min-width:260px;}

.wiissttaa-footer-scope .brand-name {font-family: var(--f-brand);
  font-size: clamp(38px, 5.5vw, 78px);
  font-weight: 800;
  letter-spacing: -.01em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 16px;}
.wiissttaa-footer-scope .bn-w {color: var(--tx0);}
.wiissttaa-footer-scope .bn-r {color: var(--red);
  text-shadow: 0 0 28px var(--rg), 0 0 60px rgba(216,21,21,.12);}

/* Role line */
.wiissttaa-footer-scope .hero-role {font-family: var(--f-ui);
  font-size: 12px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--tx3); margin-bottom: 20px;
  display: flex; align-items: center; gap: 12px;}
.wiissttaa-footer-scope .hero-role::before {content:""; display:block; width:20px; height:1.5px; background:var(--red); flex-shrink:0;}

/* Bio */
.wiissttaa-footer-scope .hero-bio {font-family: var(--f-ui);
  font-size: 14.5px; font-weight: 400;
  color: var(--tx2); line-height: 1.78; max-width: 460px;}
.wiissttaa-footer-scope .hero-bio strong {color: var(--tx1); font-weight: 600;}

/* Stats — right side */
.wiissttaa-footer-scope .hero-stats {display:flex; gap:12px; flex-wrap:wrap; align-self:center;}

.wiissttaa-footer-scope .stat {display:flex; flex-direction:column; align-items:center;
  padding: 22px 28px;
  background: var(--s3);
  border: 1px solid var(--br1);
  position:relative; overflow:hidden;
  transition: transform var(--med), border-color var(--fast), box-shadow var(--fast);
  min-width: 120px;}
/* bottom accent line */
.wiissttaa-footer-scope .stat::after {content:""; position:absolute; bottom:0; left:0; right:0; height:2px; transition: opacity var(--fast);}
.wiissttaa-footer-scope .stat:hover {transform:translateY(-5px);}

.wiissttaa-footer-scope .st-r::after {background:var(--red); box-shadow:0 0 8px var(--rg);}
.wiissttaa-footer-scope .st-r:hover {border-color:var(--rb); box-shadow:0 16px 40px rgba(0,0,0,.4);}
.wiissttaa-footer-scope .st-r .stat-val {color:var(--red); text-shadow:0 0 18px var(--rg);}

.wiissttaa-footer-scope .st-g::after {background:var(--gld); box-shadow:0 0 8px var(--gg);}
.wiissttaa-footer-scope .st-g:hover {border-color:var(--gb); box-shadow:0 16px 40px rgba(0,0,0,.4);}
.wiissttaa-footer-scope .st-g .stat-val {color:var(--gld); text-shadow:0 0 18px var(--gg);}

.wiissttaa-footer-scope .st-i::after {background:var(--ice);}
.wiissttaa-footer-scope .st-i:hover {border-color:var(--ib); box-shadow:0 16px 40px rgba(0,0,0,.4);}
.wiissttaa-footer-scope .st-i .stat-val {color:var(--ice);}

/* Unbounded for numbers */
.wiissttaa-footer-scope .stat-val {font-family: var(--f-brand);
  font-size: 30px; font-weight: 800;
  letter-spacing: -.01em; line-height: 1;
  margin-bottom: 7px;}
.wiissttaa-footer-scope .stat-lbl {font-family: var(--f-ui);
  font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--tx3); white-space: nowrap;}

/* ════════════════════════════════════════════
   NAV GRID — 4 columns
════════════════════════════════════════════ */
.wiissttaa-footer-scope .nav-grid {display: grid; grid-template-columns: repeat(4,1fr);
  border-bottom: 1px solid var(--br1);}
.wiissttaa-footer-scope .nc {padding: 36px 28px; border-right: 1px solid var(--br1);}
.wiissttaa-footer-scope .nc:first-child {padding-left: 0;}
.wiissttaa-footer-scope .nc:last-child {padding-right: 0; border-right: none;}

/* Big Shoulders Display headings */
.wiissttaa-footer-scope .nc-head {font-family: var(--f-head);
  font-size: 22px; font-weight: 800;
  letter-spacing: .04em; text-transform: uppercase;
  margin-bottom: 3px;
  display: flex; align-items: center; gap: 10px;
  line-height: 1;}
.wiissttaa-footer-scope .nc-head .hl {flex:1; height:1px; background:linear-gradient(90deg,currentColor,transparent); opacity:.2;}
.wiissttaa-footer-scope .hr {color:var(--red);}
.wiissttaa-footer-scope .hg {color:var(--gld);}
.wiissttaa-footer-scope .hi {color:var(--ice);}
.wiissttaa-footer-scope .hw {color:rgba(255,255,255,.4);}

/* JetBrains Mono micro subtitle */
.wiissttaa-footer-scope .nc-sub {font-family: var(--f-code);
  font-size: 9px; font-weight: 400;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--tx4); margin-bottom: 18px;}

.wiissttaa-footer-scope .nl-list {display:flex; flex-direction:column; gap:1px;}

/* Plus Jakarta Sans nav links — no bevel, clean lines */
.wiissttaa-footer-scope .nl {display: flex; align-items: center; gap: 10px;
  padding: 9px 10px;
  font-family: var(--f-ui);
  font-size: 14px; font-weight: 600;
  color: var(--tx2);
  border-bottom: 1px solid transparent;
  position: relative;
  transition: color var(--fast), background var(--fast), border-color var(--fast);}
/* animated left bar on hover */
.wiissttaa-footer-scope .nl::before {content:""; position:absolute; left:0; top:0; bottom:0;
  width:2px; background:var(--red);
  transform: scaleY(0); transform-origin: bottom;
  transition: transform var(--fast);}
.wiissttaa-footer-scope .nl i {font-size:11px; width:14px; text-align:center; color:var(--tx4); flex-shrink:0; transition:color var(--fast);}
.wiissttaa-footer-scope .nl:hover {color:var(--tx0); background:rgba(255,255,255,.04); padding-left:18px;}
.wiissttaa-footer-scope .nl:hover::before {transform: scaleY(1);}
.wiissttaa-footer-scope .nl:hover i {color:var(--tx2);}

.wiissttaa-footer-scope .nl-r:hover {background:var(--rt);}
.wiissttaa-footer-scope .nl-r:hover::before {background:var(--red);}
.wiissttaa-footer-scope .nl-r:hover i {color:var(--red);}
.wiissttaa-footer-scope .nl-g:hover {background:var(--gt);}
.wiissttaa-footer-scope .nl-g:hover::before {background:var(--gld);}
.wiissttaa-footer-scope .nl-g:hover i {color:var(--gld);}
.wiissttaa-footer-scope .nl-i:hover {background:var(--is);}
.wiissttaa-footer-scope .nl-i:hover::before {background:var(--ice);}
.wiissttaa-footer-scope .nl-i:hover i {color:var(--ice);}

.wiissttaa-footer-scope .nl-badge {margin-left:auto; flex-shrink:0;
  font-family: var(--f-code);
  font-size: 8px; letter-spacing:.08em;
  padding: 2px 7px;
  border: 1px solid;}
.wiissttaa-footer-scope .nb-live {background:rgba(216,21,21,.12); color:#FF5050; border-color:rgba(216,21,21,.3); animation: blink 1.8s ease-in-out infinite;}
.wiissttaa-footer-scope .nb-new {background:var(--gt); color:var(--gld); border-color:var(--gb);}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }

/* ════════════════════════════════════════════
   SOCIALS
════════════════════════════════════════════ */
.wiissttaa-footer-scope .soc-row-wrap {padding: 30px 0; border-bottom: 1px solid var(--br1);
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}

/* Big Shoulders heading */
.wiissttaa-footer-scope .soc-head {font-family: var(--f-head);
  font-size: 28px; font-weight: 800;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--tx0); flex-shrink:0; white-space:nowrap;}

.wiissttaa-footer-scope .soc-row {display:flex; gap:8px; flex-wrap:wrap;}

/* Plus Jakarta Sans social buttons — no clip-path, minimal & sharp */
.wiissttaa-footer-scope .soc-btn {display:flex; align-items:center; gap:9px;
  padding: 11px 20px;
  font-family: var(--f-ui);
  font-size: 13px; font-weight: 700;
  letter-spacing: .03em;
  color: var(--tx2);
  background: var(--s3); border: 1px solid var(--br1);
  transition: all var(--med); white-space:nowrap;
  position:relative; overflow:hidden;}
/* shimmer on hover */
.wiissttaa-footer-scope .soc-btn::before {content:""; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);
  opacity:0; transition:opacity var(--fast);}
.wiissttaa-footer-scope .soc-btn i {font-size:15px; flex-shrink:0;}
.wiissttaa-footer-scope .soc-btn:hover {transform:translateY(-4px); color:var(--tx0); box-shadow:0 12px 32px rgba(0,0,0,.5);}
.wiissttaa-footer-scope .soc-btn:hover::before {opacity:1;}

.wiissttaa-footer-scope .soc-btn[data-p="yt"]:hover {background:rgba(255,0,0,.09); border-color:rgba(255,0,0,.28);}
.wiissttaa-footer-scope .soc-btn[data-p="yt"] i {color:#FF0000;}
.wiissttaa-footer-scope .soc-btn[data-p="ig"]:hover {background:rgba(225,48,108,.07); border-color:rgba(225,48,108,.26);}
.wiissttaa-footer-scope .soc-btn[data-p="ig"] i {color:#E1306C;}
.wiissttaa-footer-scope .soc-btn[data-p="tw"]:hover {background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18);}
.wiissttaa-footer-scope .soc-btn[data-p="dc"]:hover {background:rgba(88,101,242,.09); border-color:rgba(88,101,242,.28);}
.wiissttaa-footer-scope .soc-btn[data-p="dc"] i {color:#7289DA;}
.wiissttaa-footer-scope .soc-btn[data-p="fb"]:hover {background:rgba(24,119,242,.08); border-color:rgba(24,119,242,.26);}
.wiissttaa-footer-scope .soc-btn[data-p="fb"] i {color:#1877F2;}

/* ════════════════════════════════════════════
   PARTNERS
════════════════════════════════════════════ */
.wiissttaa-footer-scope .partners {display:flex; align-items:center;
  padding: 18px 0; border-bottom: 1px solid var(--br1);}
.wiissttaa-footer-scope .pt-lbl {font-family: var(--f-ui);
  font-size: 10px; font-weight: 800;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--tx4); padding-right:26px;
  border-right: 1px solid var(--br2);
  white-space:nowrap; flex-shrink:0;}
.wiissttaa-footer-scope .pt-logos {display:flex; align-items:center; flex-wrap:wrap; padding-left:26px;}
.wiissttaa-footer-scope .pt-chip {display:flex; align-items:center; gap:8px;
  padding: 8px 20px;
  font-family: var(--f-ui);
  font-size: 12.5px; font-weight: 600;
  color: var(--tx3);
  border-right: 1px solid var(--br1);
  transition: color var(--fast); cursor:default;}
.wiissttaa-footer-scope .pt-chip:last-child {border-right:none;}
.wiissttaa-footer-scope .pt-chip i {font-size:13px; color:var(--tx4); flex-shrink:0; transition:color var(--fast);}
.wiissttaa-footer-scope .pt-chip:hover {color:var(--tx2);}
.wiissttaa-footer-scope .pc-p:hover i {color:var(--red);}
.wiissttaa-footer-scope .pc-y:hover i {color:#FF0000;}
.wiissttaa-footer-scope .pc-d:hover i {color:#7289DA;}
.wiissttaa-footer-scope .pc-s:hover i {color:#00BFA5;}
.wiissttaa-footer-scope .pc-c:hover i {color:var(--gld);}
.wiissttaa-footer-scope .pc-a:hover i {color:var(--ice);}

/* ════════════════════════════════════════════
   DIVIDER
════════════════════════════════════════════ */
.wiissttaa-footer-scope .sep-bar {display:flex; align-items:center; gap:16px;}
.wiissttaa-footer-scope .sep-line {flex:1; height:1px; background:linear-gradient(90deg,transparent,var(--br2),transparent);}
.wiissttaa-footer-scope .sep-gem {width:7px; height:7px; transform:rotate(45deg); flex-shrink:0;
  background:var(--red); box-shadow:0 0 10px var(--rg);
  animation:gem 3s ease-in-out infinite alternate;}
@keyframes gem { from{box-shadow:0 0 5px var(--rg);}to{box-shadow:0 0 18px var(--rg);} }

/* ════════════════════════════════════════════
   BOTTOM BAR
════════════════════════════════════════════ */
.wiissttaa-footer-scope .bottom {display:flex; align-items:center; justify-content:space-between;
  gap:24px; padding:22px 0; flex-wrap:wrap;}

.wiissttaa-footer-scope .bt-copy {display:flex; flex-direction:column; gap:6px;}
.wiissttaa-footer-scope .bt-copy-main {font-family: var(--f-ui);
  font-size: 13.5px; font-weight: 500;
  color: var(--tx2); line-height: 1.65;}
.wiissttaa-footer-scope .bt-copy-main strong {color:var(--tx0); font-weight:700;}
.wiissttaa-footer-scope .bt-copy-main a {color:var(--gld); font-weight:600; border-bottom:1px solid rgba(191,140,26,.22); transition:all var(--fast);}
.wiissttaa-footer-scope .bt-copy-main a:hover {color:var(--gld2); border-color:var(--gld);}
.wiissttaa-footer-scope .bt-copy-sub {font-family: var(--f-code);
  font-size: 10.5px; letter-spacing:.04em;
  color: var(--tx4); display:flex; gap:14px; flex-wrap:wrap;}
.wiissttaa-footer-scope .bt-copy-sub a {color:var(--tx4); transition:color var(--fast);}
.wiissttaa-footer-scope .bt-copy-sub a:hover {color:var(--tx3);}

/* Plus Jakarta Sans legal links */
.wiissttaa-footer-scope .legal {display:flex; align-items:center; flex-wrap:wrap;}
.wiissttaa-footer-scope .legal a {font-family: var(--f-ui);
  font-size: 12.5px; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--tx3); padding: 6px 14px;
  position:relative; transition:color var(--fast);}
.wiissttaa-footer-scope .legal a::before {content:""; position:absolute; left:0; top:50%;
  transform:translateY(-50%); width:1px; height:11px;
  background:var(--br2);}
.wiissttaa-footer-scope .legal a:first-child::before {display:none;}
.wiissttaa-footer-scope .legal a:hover {color:var(--tx0);}

.wiissttaa-footer-scope .devby {display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex-shrink:0;}
.wiissttaa-footer-scope .devby-sub {font-family: var(--f-code);
  font-size: 9px; letter-spacing:.2em; text-transform:uppercase; color:var(--tx4);}
/* Big Shoulders devby brand */
.wiissttaa-footer-scope .devby-name {font-family: var(--f-head);
  font-size: 20px; font-weight: 800;
  letter-spacing: .05em; text-transform: uppercase;
  color: var(--gld); text-shadow:0 0 14px var(--gg);
  transition: all var(--med);}
.wiissttaa-footer-scope .devby-name:hover {color:var(--gld2); text-shadow:0 0 28px var(--gg);}

/* ════════════════════════════════════════════
   HUD TICKER
════════════════════════════════════════════ */
.wiissttaa-footer-scope .hud {width:100%; height:var(--hh);
  background: var(--s0);
  border-top: 1px solid rgba(216,21,21,.18);
  display:flex; align-items:center; overflow:hidden;
  position:relative;}

.wiissttaa-footer-scope .hud-pill {position:absolute; left:0; top:0; bottom:0; z-index:3;
  display:flex; align-items:center; gap:8px; padding:0 20px;
  background:var(--s0); border-right:1px solid rgba(216,21,21,.18);}
.wiissttaa-footer-scope .hud-dot {width:6px; height:6px; border-radius:50%;
  background:#39FF14; box-shadow:0 0 9px rgba(57,255,20,.5);
  animation: dot-blink 2.5s ease-in-out infinite;}
@keyframes dot-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
.wiissttaa-footer-scope .hud-pill-txt {font-family: var(--f-code); font-size:9.5px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:#39FF14; white-space:nowrap;}

.wiissttaa-footer-scope .hud-ver {position:absolute; right:0; top:0; bottom:0; z-index:3;
  display:flex; align-items:center; padding:0 20px;
  background:var(--s0); border-left:1px solid rgba(191,140,26,.1);}
.wiissttaa-footer-scope .hud-ver span {font-family: var(--f-code); font-size:9.5px;
  letter-spacing:.18em; text-transform:uppercase; color:rgba(191,140,26,.5);}

.wiissttaa-footer-scope .hud-fl {position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;}
.wiissttaa-footer-scope .hud-fl-l {left:148px;  background:linear-gradient(90deg,var(--s0),transparent);}
.wiissttaa-footer-scope .hud-fl-r {right:126px; background:linear-gradient(270deg,var(--s0),transparent);}

.wiissttaa-footer-scope .hud-track {display:flex; align-items:center; white-space:nowrap;
  animation: hud-run 40s linear infinite; padding-left:160px;}
@keyframes hud-run { to { transform:translateX(-50%); } }

.wiissttaa-footer-scope .tk {display:inline-flex; align-items:center; gap:8px;
  padding:0 22px; flex-shrink:0;
  font-family: var(--f-code); font-size:9.5px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--tx4);}
.wiissttaa-footer-scope .tk i {font-size:9px;}
.wiissttaa-footer-scope .tr {color:rgba(255, 0, 0, 0.8);}
.wiissttaa-footer-scope .tg {color:rgba(245, 209, 3, 0.75);}
.wiissttaa-footer-scope .ti {color:rgba(0, 123, 255, 0.65);}
.wiissttaa-footer-scope .tw {color:rgba(175,175,175,.42);}

/* ════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════ */
@media (max-width:1100px) {

  .wiissttaa-footer-scope .nav-grid {grid-template-columns:repeat(2,1fr);}
  .wiissttaa-footer-scope .nc:nth-child(2) {border-right:none;}
  .wiissttaa-footer-scope .nc:nth-child(3) {border-top:1px solid var(--br1); padding-left:0;}
  .wiissttaa-footer-scope .nc:nth-child(4) {border-top:1px solid var(--br1); border-right:none;}
  .wiissttaa-footer-scope .hero {flex-direction:column;}
  .wiissttaa-footer-scope .hero-stats {flex-wrap:wrap;}
  .wiissttaa-footer-scope .stat {flex:1;}

}
@media (max-width:700px) {

  .wiissttaa-footer-scope .nav-grid {grid-template-columns:1fr;}
  .wiissttaa-footer-scope .nc {border-right:none !important; border-bottom:1px solid var(--br1); padding:22px 0 !important;}
  .wiissttaa-footer-scope .nc:last-child {border-bottom:none;}
  .wiissttaa-footer-scope .soc-row-wrap {flex-direction:column; align-items:flex-start;}
  .wiissttaa-footer-scope .partners {flex-direction:column; align-items:flex-start; gap:12px;}
  .wiissttaa-footer-scope .pt-lbl {border-right:none; padding:0 0 10px; border-bottom:1px solid var(--br1);}
  .wiissttaa-footer-scope .pt-logos {padding-left:0;}
  .wiissttaa-footer-scope .bottom {flex-direction:column; align-items:flex-start;}
  .wiissttaa-footer-scope .devby {align-items:flex-start;}
  .wiissttaa-footer-scope .ft-w {padding:0 20px;}
  .wiissttaa-footer-scope .brand-name {font-size:clamp(32px,10vw,62px);}
  .wiissttaa-footer-scope .soc-btn {padding:10px 15px; font-size:12px;}

}

/* ════════════════════════════════════════════
   INSTAGRAM SECTION
════════════════════════════════════════════ */
.wiissttaa-footer-scope .ig-section {width: 100%;
  background: #ffffff;
  border-top: 3px solid #e0e0e0;
  border-bottom: 3px solid #e0e0e0;
  padding: 44px 0 0;
  position: relative;
  overflow: hidden;}
.wiissttaa-footer-scope .ig-w {max-width: var(--max);
  margin: 0 auto;
  padding: 0 48px;
  position: relative; z-index: 1;}

/* Centered header */
.wiissttaa-footer-scope .ig-center {display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
  text-align: center;}
.wiissttaa-footer-scope .ig-avatar {width: 72px; height: 72px;
  border-radius: 50%;
  border: 3px solid transparent;
  background: linear-gradient(#fff,#fff) padding-box,
              linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) border-box;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 28px;
  color: #E1306C;
  box-shadow: 0 4px 20px rgba(225,48,108,.18);}
.wiissttaa-footer-scope .ig-handle {font-family: var(--f-ui);
  font-size: 18px; font-weight: 800;
  color: #111; letter-spacing: .01em;}
.wiissttaa-footer-scope .ig-handle span {color: #E1306C;}
.wiissttaa-footer-scope .ig-followers {display: flex;
  align-items: center;
  gap: 24px;}
.wiissttaa-footer-scope .ig-stat {display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;}
.wiissttaa-footer-scope .ig-stat-val {font-family: var(--f-brand);
  font-size: 18px; font-weight: 800;
  color: #111; line-height: 1;}
.wiissttaa-footer-scope .ig-stat-lbl {font-family: var(--f-ui);
  font-size: 11px; font-weight: 600;
  color: #888; letter-spacing: .06em; text-transform: uppercase;}
.wiissttaa-footer-scope .ig-stat-sep {width: 1px; height: 28px;
  background: #e0e0e0;}
.wiissttaa-footer-scope .ig-follow-btn {display: inline-flex; align-items: center; gap: 9px;
  padding: 12px 28px;
  font-family: var(--f-ui);
  font-size: 14px; font-weight: 700;
  letter-spacing: .03em;
  color: #fff;
  background: linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  border: none;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity .13s, transform .13s, box-shadow .24s;
  box-shadow: 0 4px 18px rgba(225,48,108,.3);}
.wiissttaa-footer-scope .ig-follow-btn i {font-size: 17px;}
.wiissttaa-footer-scope .ig-follow-btn:hover {opacity: .88; transform: translateY(-3px); box-shadow: 0 10px 30px rgba(225,48,108,.45);}

/* Behold widget container */
.wiissttaa-footer-scope .ig-behold-wrap {width: 100%;}

/* Override Behold widget to fit white bg */
.wiissttaa-footer-scope behold-widget {--behold-font-family: var(--f-ui);
  width: 100%;}

@media (max-width:700px) {

  .wiissttaa-footer-scope .ig-w {padding: 0 20px;}
  .wiissttaa-footer-scope .ig-followers {gap: 16px;}

}

/* ════════════════════════════════════════════
   ✦ EXTENDED ANIMATIONS & EFFECTS PACK
════════════════════════════════════════════ */

/* ── Scanline sweep across footer ── */
.wiissttaa-footer-scope .footer::before {content: "";
  position: absolute; left: 0; right: 0; height: 3px; top: -3px;
  background: linear-gradient(90deg, transparent 0%, rgba(216,21,21,.0) 10%, rgba(255,60,60,.55) 45%, rgba(255,200,0,.3) 55%, rgba(216,21,21,.0) 90%, transparent 100%);
  z-index: 10; pointer-events: none;
  animation: scanline 9s ease-in-out infinite;
  box-shadow: 0 0 18px rgba(255,0,0,.2), 0 0 40px rgba(255,0,0,.08);}
@keyframes scanline {
  0%   { top: 0%;   opacity: 0; }
  3%   { opacity: 1; }
  97%  { opacity: .6; }
  100% { top: 100%; opacity: 0; }
}

/* ── Animated gradient stripe ── */
.wiissttaa-footer-scope .ft-stripe {background: linear-gradient(90deg, var(--red) 0%, var(--gld) 25%, var(--ice) 50%, var(--gld) 75%, var(--red) 100%) !important;
  background-size: 300% 100% !important;
  animation: stripe-shift 6s ease-in-out infinite !important;}
@keyframes stripe-shift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ── Glitch effect on brand name ── */
.wiissttaa-footer-scope .brand-name {position: relative;}
.wiissttaa-footer-scope .brand-name::before, .wiissttaa-footer-scope .brand-name::after {content: attr(data-text);
  position: absolute; top: 0; left: 0;
  font-family: inherit; font-size: inherit; font-weight: inherit;
  letter-spacing: inherit; text-transform: inherit;
  pointer-events: none;
  opacity: 0;}
.wiissttaa-footer-scope .brand-name::before {color: #00ffff; text-shadow: none;
  animation: glitch-before 7s ease-in-out infinite;}
.wiissttaa-footer-scope .brand-name::after {color: #ff0033; text-shadow: none;
  animation: glitch-after 7s ease-in-out infinite;}
@keyframes glitch-before {
  0%, 88%, 100% { opacity: 0; transform: translate(0); clip-path: none; }
  89% { opacity: .7; transform: translate(-3px, 1px); clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%); }
  90% { opacity: .5; transform: translate(2px, -1px); clip-path: polygon(0 55%, 100% 55%, 100% 70%, 0 70%); }
  91% { opacity: 0; }
}
@keyframes glitch-after {
  0%, 88%, 100% { opacity: 0; transform: translate(0); clip-path: none; }
  89% { opacity: .6; transform: translate(3px, -1px); clip-path: polygon(0 40%, 100% 40%, 100% 55%, 0 55%); }
  90% { opacity: .4; transform: translate(-2px, 2px); clip-path: polygon(0 70%, 100% 70%, 100% 85%, 0 85%); }
  91% { opacity: 0; }
}

/* ── Neon pulse on stat values ── */
.wiissttaa-footer-scope .st-r .stat-val {animation: neon-red 2.8s ease-in-out infinite;}
.wiissttaa-footer-scope .st-g .stat-val {animation: neon-gold 3.2s ease-in-out infinite;}
.wiissttaa-footer-scope .st-i .stat-val {animation: neon-ice 3.6s ease-in-out infinite;}
@keyframes neon-red  { 0%,100%{text-shadow:0 0 10px rgba(255,0,0,.5)} 50%{text-shadow:0 0 24px rgba(255,0,0,.9),0 0 48px rgba(255,0,0,.3)} }
@keyframes neon-gold { 0%,100%{text-shadow:0 0 10px rgba(255,196,0,.4)} 50%{text-shadow:0 0 22px rgba(255,196,0,.85),0 0 44px rgba(255,196,0,.25)} }
@keyframes neon-ice  { 0%,100%{text-shadow:0 0 10px rgba(0,123,255,.4)} 50%{text-shadow:0 0 22px rgba(0,123,255,.85),0 0 44px rgba(0,123,255,.25)} }

/* ── Stat card animated gradient border ── */
.wiissttaa-footer-scope .stat {background: linear-gradient(var(--s3), var(--s3)) padding-box,
              linear-gradient(var(--gb-angle, 0deg), var(--s3), rgba(255,255,255,.09), var(--s3)) border-box !important;
  border: 1px solid transparent !important;
  animation: stat-border-rot 4s linear infinite;}
.wiissttaa-footer-scope .st-r {--gb-col1: rgba(216,21,21,.5); --gb-col2: transparent;}
.wiissttaa-footer-scope .st-g {--gb-col1: rgba(191,140,26,.5); --gb-col2: transparent;}
.wiissttaa-footer-scope .st-i {--gb-col1: rgba(0,123,255,.5); --gb-col2: transparent;}
@keyframes stat-border-rot {
  0%   { --gb-angle: 0deg; }
  100% { --gb-angle: 360deg; }
}
/* Polyfill for non-Houdini — use box-shadow pulse instead */
@supports not (background: paint(border-paint)) {

  .wiissttaa-footer-scope .st-r {animation: st-r-pulse 3s ease-in-out infinite; border: 1px solid var(--br1) !important; background: var(--s3) !important;}
  .wiissttaa-footer-scope .st-g {animation: st-g-pulse 3s ease-in-out infinite 0.5s; border: 1px solid var(--br1) !important; background: var(--s3) !important;}
  .wiissttaa-footer-scope .st-i {animation: st-i-pulse 3s ease-in-out infinite 1s; border: 1px solid var(--br1) !important; background: var(--s3) !important;}
  @keyframes st-r-pulse { 0%,100%{box-shadow:none; border-color:var(--rb)!important} 50%{box-shadow:0 0 28px rgba(216,21,21,.22),inset 0 0 12px rgba(216,21,21,.06); border-color:rgba(216,21,21,.5)!important} }
  @keyframes st-g-pulse { 0%,100%{box-shadow:none; border-color:var(--gb)!important} 50%{box-shadow:0 0 28px rgba(191,140,26,.22),inset 0 0 12px rgba(191,140,26,.06); border-color:rgba(191,140,26,.5)!important} }
  @keyframes st-i-pulse { 0%,100%{box-shadow:none; border-color:var(--ib)!important} 50%{box-shadow:0 0 28px rgba(0,123,255,.22),inset 0 0 12px rgba(0,123,255,.06); border-color:rgba(0,123,255,.5)!important} }

}

/* ── Stagger reveal for nav links ── */
.wiissttaa-footer-scope .nl {opacity: 0;
  transform: translateX(-14px);
  transition: opacity .5s ease, transform .5s ease, color var(--fast), background var(--fast), border-color var(--fast), padding-left var(--fast) !important;}
.wiissttaa-footer-scope .nl.ft-visible {opacity: 1;
  transform: translateX(0);}

/* ── Social button shimmer sweep ── */
.wiissttaa-footer-scope .soc-btn {overflow: hidden;}
.wiissttaa-footer-scope .soc-btn::after {content: "";
  position: absolute; top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.13) 50%, transparent 70%);
  transition: left .6s ease;
  pointer-events: none;}
.wiissttaa-footer-scope .soc-btn:hover::after {left: 160%;}

/* ── Ripple on social buttons ── */
.wiissttaa-footer-scope .soc-ripple {position: absolute;
  border-radius: 50%;
  transform: scale(0);
  background: rgba(255,255,255,.18);
  pointer-events: none;
  animation: ripple-out .7s ease-out forwards;}
@keyframes ripple-out {
  to { transform: scale(4); opacity: 0; }
}

/* ── Partner chips shimmer ── */
.wiissttaa-footer-scope .pt-chip {position: relative; overflow: hidden;}
.wiissttaa-footer-scope .pt-chip::after {content: "";
  position: absolute; top: 0; left: -80%;
  width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.09), transparent);
  animation: chip-shimmer 4.5s ease-in-out infinite;}
.wiissttaa-footer-scope .pt-chip:nth-child(2)::after {animation-delay: .6s;}
.wiissttaa-footer-scope .pt-chip:nth-child(3)::after {animation-delay: 1.2s;}
.wiissttaa-footer-scope .pt-chip:nth-child(4)::after {animation-delay: 1.8s;}
.wiissttaa-footer-scope .pt-chip:nth-child(5)::after {animation-delay: 2.4s;}
.wiissttaa-footer-scope .pt-chip:nth-child(6)::after {animation-delay: 3.0s;}
@keyframes chip-shimmer {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 160%; opacity: 0; }
  100% { left: 160%; opacity: 0; }
}

/* ── HUD CRT flicker ── */
.wiissttaa-footer-scope .hud {animation: crt-flicker 10s ease-in-out infinite;}
@keyframes crt-flicker {
  0%, 95%, 100% { opacity: 1; }
  95.5%          { opacity: .92; }
  96%            { opacity: 1; }
  96.5%          { opacity: .88; }
  97%            { opacity: 1; }
}

/* ── Floating particles canvas in footer ── */
.wiissttaa-footer-scope #ft-canvas {position: absolute;
  inset: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
  opacity: .55;}

/* ── Typewriter cursor blink on hero role ── */
.wiissttaa-footer-scope .hero-role::after {content: "|";
  color: var(--red);
  margin-left: 4px;
  animation: cur-blink 1.1s step-end infinite;}
@keyframes cur-blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* ── Glow blobs fade-float ── */
.wiissttaa-footer-scope .ft-glow-l {animation: blob-l 12s ease-in-out infinite alternate;}
.wiissttaa-footer-scope .ft-glow-r {animation: blob-r 15s ease-in-out infinite alternate;}
@keyframes blob-l { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(40px,-30px) scale(1.12)} }
@keyframes blob-r { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(-30px,40px) scale(1.08)} }

/* ── Bottom bar fade-up reveal ── */
.wiissttaa-footer-scope .bottom, .wiissttaa-footer-scope .partners, .wiissttaa-footer-scope .soc-row-wrap {opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;}
.wiissttaa-footer-scope .bottom.ft-visible, .wiissttaa-footer-scope .partners.ft-visible, .wiissttaa-footer-scope .soc-row-wrap.ft-visible {opacity: 1;
  transform: translateY(0);}

/* ── Marquee faster pulse on active ── */
.wiissttaa-footer-scope .mq {animation: mq-glow 4s ease-in-out infinite;}
@keyframes mq-glow {
  0%,100% { border-top-color: var(--red); }
  50%      { border-top-color: rgba(255,100,0,.9); box-shadow: 0 -3px 18px rgba(255,0,0,.12); }
}

/* ── Gem spinner ── */
.wiissttaa-footer-scope .sep-gem {animation: gem 3s ease-in-out infinite alternate, gem-spin 8s linear infinite !important;}
@keyframes gem-spin { to { transform: rotate(405deg); } }

/* ── Brand name shake on hover ── */
@keyframes glitch-shake {
  0%   { transform: translate(0, 0) skewX(0deg); }
  20%  { transform: translate(-3px, 1px) skewX(-3deg); }
  40%  { transform: translate(3px, -1px) skewX(3deg); }
  60%  { transform: translate(-2px, 1px) skewX(-1.5deg); }
  80%  { transform: translate(2px, 0px) skewX(1.5deg); }
  100% { transform: translate(0, 0) skewX(0deg); }
}

/* ── Section heading color shift ── */
.wiissttaa-footer-scope .nc-head.hr {animation: head-r 5s ease-in-out infinite;}
.wiissttaa-footer-scope .nc-head.hg {animation: head-g 5s ease-in-out infinite;}
.wiissttaa-footer-scope .nc-head.hi {animation: head-i 5s ease-in-out infinite;}
@keyframes head-r { 0%,100%{color:var(--red)} 50%{color:#ff5533} }
@keyframes head-g { 0%,100%{color:var(--gld)} 50%{color:#ffe033} }
@keyframes head-i { 0%,100%{color:var(--ice)} 50%{color:#44aaff} }