/* ═══════════════════════════════════════════════════════════
   HARRIS PRESIDENTIAL COMMAND DASHBOARD  ·  V3
   Theme: Sovereign Dark / Matte Onyx
   Brand: #1A1A1B · Liquid Gold #DAAB2D
   Header: Sailing yacht · Gold Leaf finish
   MMG card: primary hero · $150 gateway: bottom anchor
═══════════════════════════════════════════════════════════ */

/* ── DESIGN TOKENS ──────────────────────────────────────── */
:root {
  --bg:           #0C0C0E;
  --surface:      #1A1A1B;
  --surface-alt:  #222224;
  --surface-hi:   #2A2A2E;
  --border:       #2E2E33;
  --border-hi:    #3E3E45;

  /* Liquid Gold palette */
  --gold:         #DAAB2D;
  --gold-light:   #F5C842;
  --gold-bright:  #FFD966;
  --gold-mid:     #C4971F;
  --gold-deep:    #A07A10;
  --gold-dim:     #7A5C10;
  --gold-leaf:    #E8BC45;   /* gold leaf highlight tone */
  --gold-glow:    rgba(218,171,45,0.18);
  --gold-glow-s:  rgba(218,171,45,0.08);

  --text-1:       #F5F5F7;
  --text-2:       #A1A1AA;
  --text-3:       #71717A;
  --text-inv:     #0C0C0E;

  --green:        #22C55E;
  --red:          #EF4444;
  --blue:         #60A5FA;

  --radius-xs:    6px;
  --radius-sm:    12px;
  --radius-md:    18px;
  --radius-lg:    24px;
  --radius-xl:    32px;

  --gap:          16px;
  --shadow-card:  0 8px 40px rgba(0,0,0,0.62), 0 1px 0 rgba(255,255,255,0.03) inset;
  --shadow-gold:  0 0 40px rgba(218,171,45,0.35);
  --transition:   all 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ── RESET & BASE ───────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:16px; scroll-behavior:smooth; }
body {
  font-family:'Inter','Space Grotesk',sans-serif;
  background:var(--bg);
  color:var(--text-1);
  min-height:100vh;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }

/* ════════════════════════════════════════════════════════
   HERO HEADER — Sailing Yacht / Gold Leaf Pier
════════════════════════════════════════════════════════ */
.site-hero {
  position:relative;
  width:100%;
  height:480px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* ── Vessel image layer ────────────────────────────────── */
.hero-img-layer {
  position:absolute;
  inset:0;
  background-image: url('../images/harbor-pier.jpg');
  background-size:cover;
  background-position:center 55%;
  background-repeat:no-repeat;
  transform:scale(1.06);
  animation:heroPan 28s ease-in-out infinite alternate;
  filter:brightness(0.92) saturate(1.15) contrast(1.05);
}

@keyframes heroPan {
  from { transform:scale(1.06) translateX(0) translateY(0); }
  to   { transform:scale(1.06) translateX(-1.5%) translateY(0.5%); }
}

/* ── Primary dark-onyx overlay ─────────────────────────── */
.hero-overlay {
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,
      rgba(12,12,14,0.78) 0%,
      rgba(12,12,14,0.30) 35%,
      rgba(12,12,14,0.42) 65%,
      rgba(12,12,14,0.96) 100%
    );
}

/* ── Gold leaf vignette — warm amber at edges/bottom ───── */
/* Simulates the gold leaf catching light on the pier/vessel */
.hero-gold-leaf {
  position:absolute;
  inset:0;
  background:
    /* Warm amber sunrise glow from bottom-right (horizon light) */
    radial-gradient(ellipse 70% 50% at 85% 80%,
      rgba(232,188,69,0.22) 0%,
      rgba(218,171,45,0.10) 40%,
      transparent 70%
    ),
    /* Secondary gold shimmer — bottom left fringe */
    radial-gradient(ellipse 40% 30% at 15% 90%,
      rgba(218,171,45,0.14) 0%,
      transparent 65%
    ),
    /* Top gold leaf edge catching overhead light */
    linear-gradient(180deg,
      rgba(232,188,69,0.08) 0%,
      transparent 20%
    );
  pointer-events:none;
  animation:goldLeafShift 8s ease-in-out infinite alternate;
}

@keyframes goldLeafShift {
  0%   { opacity:0.8; }
  50%  { opacity:1.0; }
  100% { opacity:0.75; }
}

/* ── Animated gold leaf edge-trace lines ───────────────── */
/* Mimics gilt trim running along the pier edges */
.hero-scanline {
  position:absolute;
  bottom:88px;
  left:0; right:0;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(218,171,45,0.0) 5%,
    rgba(232,188,69,0.7) 25%,
    rgba(255,217,102,1.0) 50%,
    rgba(232,188,69,0.7) 75%,
    rgba(218,171,45,0.0) 95%,
    transparent 100%
  );
  animation:scanPulse 4s ease-in-out infinite;
}

@keyframes scanPulse {
  0%,100% { opacity:0.7; transform:scaleX(0.95); }
  50%     { opacity:1.0; transform:scaleX(1.0); box-shadow:0 0 10px 1px rgba(218,171,45,0.3); }
}

/* Second gilt rule — pier edge lower accent */
.hero-scanline-lower {
  position:absolute;
  bottom:72px;
  left:10%; right:10%;
  height:1px;
  background:linear-gradient(90deg,
    transparent,
    rgba(232,188,69,0.35) 30%,
    rgba(232,188,69,0.35) 70%,
    transparent
  );
  opacity:0.5;
}

/* ── Bottom fade ───────────────────────────────────────── */
.hero-bottom-fade {
  position:absolute;
  bottom:0; left:0; right:0;
  height:110px;
  background:linear-gradient(180deg,transparent 0%,var(--bg) 100%);
  pointer-events:none;
}

/* ── Hero Nav ──────────────────────────────────────────── */
.hero-nav {
  position:relative;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  height:64px;
  background:rgba(12,12,14,0.62);
  border-bottom:1px solid rgba(232,188,69,0.2);
  backdrop-filter:blur(18px) saturate(1.4);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  flex-shrink:0;
  /* Gold leaf line at nav bottom */
  box-shadow:0 1px 0 0 rgba(232,188,69,0.15);
}

.hero-nav-left,
.hero-nav-right {
  display:flex; align-items:center; gap:18px;
}
.hero-nav-center { flex:1; display:flex; justify-content:center; }

.nav-sigil {
  font-size:22px; color:var(--gold-leaf);
  filter:drop-shadow(0 0 10px rgba(232,188,69,0.65));
}

.nav-brand { display:flex; flex-direction:column; }
.nav-brand-name {
  font-family:'Space Grotesk',sans-serif;
  font-size:14px; font-weight:700; color:var(--text-1); letter-spacing:0.03em;
}
.nav-brand-sub {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:var(--gold-leaf); letter-spacing:0.12em; opacity:0.85;
}

/* Live Pill */
.live-pill {
  display:flex; align-items:center; gap:7px;
  padding:5px 14px;
  background:rgba(34,197,94,0.1);
  border:1px solid rgba(34,197,94,0.3);
  border-radius:999px;
  font-size:11px; font-weight:700; color:var(--green); letter-spacing:0.1em;
}
.live-dot {
  width:7px; height:7px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
  animation:livePulse 1.5s ease-in-out infinite;
}
@keyframes livePulse {
  0%,100%{ opacity:1; box-shadow:0 0 6px var(--green); }
  50%    { opacity:.5; box-shadow:0 0 14px var(--green); }
}

.system-time {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:var(--text-2); letter-spacing:0.06em;
}
.node-status {
  display:flex; align-items:center; gap:6px;
  font-size:11px; font-weight:600; color:var(--green); letter-spacing:0.08em;
}
.node-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--green); animation:livePulse 2s ease-in-out infinite;
}
.commander-badge {
  display:flex; align-items:center; gap:8px;
  padding:6px 14px;
  background:rgba(232,188,69,0.14);
  border:1px solid rgba(232,188,69,0.32);
  border-radius:var(--radius-xs);
  font-size:11px; font-weight:700; color:var(--gold-leaf); letter-spacing:0.1em;
}

/* ── Hero Content ──────────────────────────────────────── */
.hero-content {
  position:relative;
  z-index:5;
  flex:1;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:0 24px 52px;
  text-align:center;
  gap:14px;
}

.hero-eyebrow {
  display:flex; align-items:center; gap:12px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px; font-weight:600; color:var(--gold-leaf);
  letter-spacing:0.2em; text-transform:uppercase;
}
.eyebrow-dot {
  width:4px; height:4px; border-radius:50%;
  background:var(--gold-leaf); opacity:0.7;
}

.hero-title {
  display:flex; align-items:baseline; gap:18px; line-height:1;
}
.hero-title-main {
  font-family:'Space Grotesk',sans-serif;
  font-size:68px; font-weight:800; color:var(--text-1);
  letter-spacing:-0.03em; text-shadow:0 4px 32px rgba(0,0,0,0.85);
}
.hero-title-accent {
  font-family:'Space Grotesk',sans-serif;
  font-size:68px; font-weight:800; color:var(--gold-leaf);
  letter-spacing:-0.03em;
  /* Gold leaf catch-light on the letters */
  text-shadow:
    0 0 40px rgba(232,188,69,0.55),
    0 2px 4px rgba(0,0,0,0.7),
    0 0 80px rgba(218,171,45,0.2);
}

.hero-tagline {
  font-size:14px; color:var(--text-2); letter-spacing:0.06em; max-width:560px;
}

/* Hero stats strip */
.hero-stats-strip {
  display:flex; align-items:center;
  margin-top:4px;
  padding:14px 28px;
  background:rgba(12,12,14,0.60);
  border:1px solid rgba(232,188,69,0.22);
  border-radius:var(--radius-md);
  backdrop-filter:blur(12px);
  /* Gold leaf edge glint */
  box-shadow:0 0 0 1px rgba(232,188,69,0.06) inset, 0 1px 0 rgba(232,188,69,0.12) inset;
}
.hs-item { display:flex; flex-direction:column; align-items:center; gap:3px; padding:0 24px; }
.hs-num {
  font-family:'Space Grotesk',sans-serif;
  font-size:22px; font-weight:700; color:var(--gold-leaf); line-height:1;
}
.hs-lbl {
  font-size:10px; font-weight:600; color:var(--text-3);
  letter-spacing:0.1em; text-transform:uppercase;
}
.hs-sep { color:rgba(232,188,69,0.22); font-size:20px; line-height:1; }

/* ════════════════════════════════════════════════════════
   BENTO GRID LAYOUT
   Row 1: MMG (spans 2 rows left) | Clock | Sovereign
   Row 2:                          | Swarm | (empty or merge)
   Row 3: Ticker (full width)
   Row 4: $150 Invite (full width anchor at bottom)
════════════════════════════════════════════════════════ */
.dashboard-grid {
  display:grid;
  grid-template-columns: 420px 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  gap:var(--gap);
  padding:20px 24px 32px;
  max-width:1640px;
  margin:0 auto;
}

/* Grid placement */
.mmg-card       { grid-column:1/2; grid-row:1/3; }   /* tall left hero */
.hero-clock     { grid-column:2/3; grid-row:1/2; }
.hero-sovereign { grid-column:3/4; grid-row:1/2; }
.swarm-card     { grid-column:2/4; grid-row:2/3; }   /* spans right 2 cols */
.ticker-card    { grid-column:1/4; grid-row:3/4; }   /* full width */
.invite-card    { grid-column:1/4; grid-row:4/5; }   /* bottom anchor full width */

/* ── BENTO CARD BASE ─────────────────────────────────── */
.bento-card {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  transition:var(--transition);
  position:relative;
  overflow:hidden;
  animation:cardEntrance 0.6s cubic-bezier(0.4,0,0.2,1) both;
}
.bento-card::before {
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,0.025) 0%,transparent 50%);
  pointer-events:none;
}
.bento-card:hover {
  border-color:var(--border-hi);
  box-shadow:var(--shadow-card),0 0 0 1px rgba(218,171,45,0.1);
  transform:translateY(-2px);
}

.hero-clock::after,
.hero-sovereign::after {
  content:''; position:absolute;
  top:0; left:24px; right:24px; height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-leaf),transparent);
}

/* Invite card — gold leaf bottom rule */
.invite-card {
  border-top:1px solid rgba(232,188,69,0.2);
}
.invite-card:hover { transform:translateY(-2px); }

@keyframes cardEntrance {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}
.mmg-card       { animation-delay:0.04s; }
.hero-clock     { animation-delay:0.12s; }
.hero-sovereign { animation-delay:0.20s; }
.swarm-card     { animation-delay:0.28s; }
.ticker-card    { animation-delay:0.36s; }
.invite-card    { animation-delay:0.44s; }

.card-chrome {
  display:flex; flex-direction:column;
  height:100%; padding:22px 24px 24px;
}

.card-header { display:flex; align-items:center; gap:10px; margin-bottom:22px; }
.card-id-tag {
  font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:600;
  color:var(--text-3); letter-spacing:0.15em; text-transform:uppercase;
}
.card-label { font-size:13px; font-weight:700; color:var(--text-1); letter-spacing:0.02em; flex:1; }
.card-status-badge {
  font-size:9px; font-weight:800; letter-spacing:0.12em;
  padding:4px 9px; border-radius:4px; text-transform:uppercase;
}
.card-status-badge.active   { background:rgba(34,197,94,0.12); border:1px solid rgba(34,197,94,0.3); color:var(--green); }
.card-status-badge.secure   { background:var(--gold-glow); border:1px solid rgba(218,171,45,0.35); color:var(--gold); }
.card-status-badge.pulse-badge { background:rgba(96,165,250,0.1); border:1px solid rgba(96,165,250,0.3); color:var(--blue); animation:badgePulse 2s ease-in-out infinite; }
.card-status-badge.open-badge  { background:rgba(218,171,45,0.12); border:1px solid rgba(218,171,45,0.35); color:var(--gold); }
@keyframes badgePulse{0%,100%{opacity:1}50%{opacity:.55}}

/* ════════════════════════════════════════════════════════
   CARD A — MAKE MONEY G  (solid Liquid Gold · PRIMARY HERO)
════════════════════════════════════════════════════════ */
.mmg-card {
  background:linear-gradient(160deg,
    var(--gold-bright) 0%,
    var(--gold)        28%,
    var(--gold-mid)    62%,
    #9A7015            100%
  );
  border:1px solid rgba(255,217,102,0.45);
  box-shadow:
    0 16px 70px rgba(218,171,45,0.50),
    0 0 0 1px rgba(255,217,102,0.28) inset,
    0 40px 80px rgba(0,0,0,0.45);
}
.mmg-card::before {
  background:linear-gradient(135deg,
    rgba(255,255,255,0.22) 0%,
    rgba(255,255,255,0.06) 30%,
    transparent 55%
  );
}
.mmg-card:hover {
  transform:translateY(-4px);
  box-shadow:
    0 22px 80px rgba(218,171,45,0.60),
    0 0 0 1px rgba(255,217,102,0.40) inset;
}

/* Gold leaf shimmer — slow rolling light sweep */
.mmg-shimmer {
  position:absolute; inset:0;
  background:linear-gradient(
    108deg,
    transparent   30%,
    rgba(255,255,255,0.22) 48%,
    rgba(255,255,255,0.08) 54%,
    transparent   70%
  );
  background-size:200% 100%;
  animation:goldLeafSweep 4s ease-in-out infinite;
  pointer-events:none; z-index:1;
}
@keyframes goldLeafSweep {
  0%   { background-position:-100% 0; }
  60%  { background-position:200% 0; }
  100% { background-position:200% 0; }
}

/* Second diagonal light streak — gold leaf glint */
.mmg-card::after {
  content:'';
  position:absolute;
  top:-40%; left:-10%; width:30%; height:180%;
  background:linear-gradient(
    105deg,
    transparent,
    rgba(255,255,255,0.12),
    transparent
  );
  transform:skewX(-20deg);
  animation:goldGlint 6s ease-in-out infinite 2s;
  pointer-events:none; z-index:1;
}
@keyframes goldGlint {
  0%,100%{ left:-10%; opacity:0; }
  10%    { opacity:1; }
  40%    { left:110%; opacity:0; }
}

.mmg-chrome {
  position:relative; z-index:2;
  padding:28px 26px 26px !important;
}

.mmg-eyebrow {
  display:flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; font-weight:700;
  color:rgba(12,12,14,0.58);
  letter-spacing:0.18em; text-transform:uppercase; margin-bottom:20px;
}
.mmg-dot { width:4px; height:4px; border-radius:50%; background:rgba(12,12,14,0.45); }

/* Identity */
.mmg-identity { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.mmg-hex-wrap {
  position:relative; width:72px; height:72px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.mmg-hexagon {
  width:60px; height:60px;
  background:rgba(12,12,14,0.88);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; color:var(--gold-leaf);
  filter:drop-shadow(0 0 8px rgba(218,171,45,0.5));
  z-index:2; position:relative;
  animation:mmgHexPulse 3s ease-in-out infinite;
}
@keyframes mmgHexPulse{
  0%,100%{filter:drop-shadow(0 0 6px rgba(218,171,45,0.5));}
  50%    {filter:drop-shadow(0 0 18px rgba(218,171,45,0.9));}
}
.mmg-pulse {
  position:absolute; border-radius:50%;
  border:2px solid rgba(12,12,14,0.25);
  animation:mmgRingOut 2.8s ease-out infinite;
}
.mmg-pulse.r1{width:66px;height:66px;animation-delay:0s;}
.mmg-pulse.r2{width:82px;height:82px;animation-delay:1.0s;}
@keyframes mmgRingOut{
  0%  {opacity:.5;transform:scale(.82);}
  100%{opacity:0;transform:scale(1.22);}
}
.mmg-name-block{display:flex;flex-direction:column;gap:4px;}
.mmg-handle {
  font-family:'Space Grotesk',sans-serif;
  font-size:24px; font-weight:800; color:var(--text-inv);
  letter-spacing:-0.01em;
  text-shadow:0 1px 4px rgba(255,255,255,0.18);
}
.mmg-sub {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; font-weight:500; color:rgba(12,12,14,0.58); letter-spacing:0.04em;
}

/* $30 Price — MASSIVE focal point */
.mmg-price-display {
  display:flex; align-items:flex-start; justify-content:center;
  gap:6px; line-height:1; margin-bottom:14px;
}
.mmg-dollar {
  font-family:'Space Grotesk',sans-serif;
  font-size:40px; font-weight:800; color:var(--text-inv); margin-top:14px;
}
.mmg-amount {
  font-family:'Space Grotesk',sans-serif;
  font-size:110px; font-weight:900; color:var(--text-inv);
  letter-spacing:-0.04em; line-height:0.88;
  text-shadow:0 6px 20px rgba(0,0,0,0.22), 0 1px 0 rgba(255,255,255,0.25);
  /* Gold leaf emboss on the numbers */
  -webkit-text-stroke:1px rgba(255,255,255,0.1);
}

.mmg-desc {
  font-size:13px; line-height:1.55; color:rgba(12,12,14,0.6);
  text-align:center; margin-bottom:20px;
}

/* ── LIQUID GOLD WAVE BUTTON ──────────────────────────── */
/* Matches the reverberating gold wave energy of the MMG card */
.mmg-cta-btn {
  display:flex; align-items:center; justify-content:center; gap:12px;
  padding:19px 24px;
  background:#0C0C0E;
  border:none;
  border-radius:var(--radius-md);
  cursor:pointer; transition:var(--transition);
  color:var(--gold);
  text-decoration:none;
  margin-bottom:14px;
  position:relative; overflow:hidden;
  box-shadow:0 6px 28px rgba(0,0,0,0.45);
}

/* Layer 1: base black surface */
.mmg-cta-btn::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(135deg,
    rgba(218,171,45,0.06) 0%,
    transparent 60%
  );
  pointer-events:none;
}

/* Layer 2: Liquid Gold wave — the reverberating ripple */
.mmg-cta-btn::after {
  content:'';
  position:absolute;
  left:-60%;
  top:0; bottom:0;
  width:50%;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(218,171,45,0.07) 20%,
    rgba(245,200,66,0.22) 40%,
    rgba(255,217,102,0.30) 50%,
    rgba(245,200,66,0.22) 60%,
    rgba(218,171,45,0.07) 80%,
    transparent 100%
  );
  animation:liquidGoldWave 2.2s ease-in-out infinite;
  pointer-events:none;
  border-radius:inherit;
}

@keyframes liquidGoldWave {
  0%   { left:-60%; opacity:0.5; }
  30%  { opacity:1; }
  100% { left:160%; opacity:0.5; }
}

/* Gold border pulse that syncs with the wave */
.mmg-cta-btn {
  border:1px solid rgba(218,171,45,0.0);
  animation:btnBorderPulse 2.2s ease-in-out infinite;
}
@keyframes btnBorderPulse {
  0%,100%{ border-color:rgba(218,171,45,0.15); box-shadow:0 6px 28px rgba(0,0,0,0.45), 0 0 0 0 rgba(218,171,45,0); }
  50%    { border-color:rgba(218,171,45,0.50); box-shadow:0 6px 28px rgba(0,0,0,0.45), 0 0 16px 2px rgba(218,171,45,0.2); }
}

.mmg-cta-btn:hover {
  background:#1A1A1B;
  animation:none;
  border-color:var(--gold);
  box-shadow:0 10px 36px rgba(0,0,0,0.55), 0 0 24px rgba(218,171,45,0.3);
  transform:translateY(-3px) scale(1.01);
}
.mmg-cta-btn:hover::after { animation-duration:0.8s; }
.mmg-cta-btn:active { transform:translateY(0) scale(1); }

.mmg-btn-main {
  font-family:'Space Grotesk',sans-serif;
  font-size:15px; font-weight:800; color:var(--gold);
  letter-spacing:0.1em; text-transform:uppercase;
  position:relative; z-index:1;
}
.mmg-arrow { color:var(--gold); font-size:13px; margin-left:4px; position:relative; z-index:1; }
.mmg-cta-btn > i:first-child { position:relative; z-index:1; font-size:16px; }

.mmg-cashapp-tag {
  display:flex; align-items:center; justify-content:center; gap:7px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px; font-weight:500; color:rgba(12,12,14,0.55);
  letter-spacing:0.04em; margin-bottom:16px;
}
.mmg-trust-row {
  display:flex; align-items:center; justify-content:center; gap:14px;
  font-size:11px; font-weight:600; color:rgba(12,12,14,0.5); flex-wrap:wrap;
}
.mmg-trust-row i { margin-right:3px; }

/* ════════════════════════════════════════════════════════
   RECLAMATION CLOCK
════════════════════════════════════════════════════════ */
.clock-body { display:flex; flex-direction:column; align-items:center; gap:16px; flex:1; }
.clock-ring-wrap { position:relative; width:165px; height:165px; flex-shrink:0; }
.clock-ring { width:100%; height:100%; }
.pulse-ring { animation:ringPulse 3s ease-in-out infinite; }
@keyframes ringPulse{0%,100%{stroke-opacity:.2}50%{stroke-opacity:.06}}
.clock-center { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.clock-icon {
  font-size:32px; color:var(--gold);
  filter:drop-shadow(0 0 10px rgba(218,171,45,0.5));
  animation:iconFloat 4s ease-in-out infinite;
}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.clock-counter-block { text-align:center; width:100%; }
.counter-label {
  font-size:10px; font-weight:600; color:var(--text-3);
  letter-spacing:0.12em; text-transform:uppercase; margin-bottom:5px;
}
.counter-display { display:flex; align-items:baseline; justify-content:center; gap:8px; }
.counter-value {
  font-family:'Space Grotesk',sans-serif;
  font-size:44px; font-weight:800; color:var(--gold);
  line-height:1; letter-spacing:-0.02em;
  text-shadow:0 0 28px rgba(218,171,45,0.4);
  transition:color 0.2s ease;
}
.counter-unit {
  font-size:11px; font-weight:700; color:var(--text-2);
  letter-spacing:0.1em; padding-bottom:6px; align-self:flex-end;
}
.counter-sub { display:flex; justify-content:center; gap:18px; margin-top:5px; }
.counter-delta { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--green); }
.counter-rate  { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--text-3); }

.clock-stats-row {
  display:flex; align-items:center; width:100%;
  background:var(--surface-alt); border:1px solid var(--border);
  border-radius:var(--radius-sm); padding:11px 0;
}
.stat-cell { flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; }
.stat-num  { font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; color:var(--text-1); }
.stat-num.gold { color:var(--gold); }
.stat-lbl  { font-size:9px; font-weight:600; color:var(--text-3); letter-spacing:0.08em; text-transform:uppercase; }
.stat-divider { width:1px; height:26px; background:var(--border); }

.reclaim-log {
  width:100%; background:var(--surface-alt); border:1px solid var(--border);
  border-radius:var(--radius-sm); padding:11px 13px; flex:1;
}
.log-header {
  display:flex; align-items:center; gap:7px;
  font-size:10px; font-weight:700; color:var(--text-3);
  letter-spacing:0.12em; text-transform:uppercase; margin-bottom:9px;
}
.log-header i { color:var(--gold); }
.log-entries {
  display:flex; flex-direction:column; gap:5px;
  max-height:110px; overflow-y:auto;
  scrollbar-width:thin; scrollbar-color:var(--border) transparent;
}
.log-entry {
  display:flex; align-items:center; gap:9px;
  padding:4px 7px;
  background:rgba(218,171,45,0.04); border:1px solid rgba(218,171,45,0.1);
  border-radius:5px; animation:logSlideIn 0.35s ease-out;
}
@keyframes logSlideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.log-icon { color:var(--gold); font-size:10px; }
.log-text { font-size:10px; color:var(--text-2); flex:1; }
.log-time { font-family:'JetBrains Mono',monospace; font-size:9px; color:var(--text-3); }

/* ════════════════════════════════════════════════════════
   SOVEREIGN ROOT
════════════════════════════════════════════════════════ */
.sovereign-body { display:flex; flex-direction:column; align-items:center; gap:14px; flex:1; }
.sovereign-icon-wrap { position:relative; width:96px; height:96px; display:flex; align-items:center; justify-content:center; }
.sovereign-hexagon {
  width:68px; height:68px;
  background:linear-gradient(135deg,var(--gold-dim),var(--gold));
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; color:var(--text-inv); z-index:2; position:relative;
  animation:hexPulse 3s ease-in-out infinite;
}
@keyframes hexPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(218,171,45,0.4))}50%{filter:drop-shadow(0 0 20px rgba(218,171,45,0.7))}}
.sovereign-pulse-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.s-ring{position:absolute;border-radius:50%;border:1px solid rgba(218,171,45,0.3);animation:sRingExpand 3s ease-out infinite;}
.r1{width:78px;height:78px;animation-delay:0s;}
.r2{width:94px;height:94px;animation-delay:.9s;}
.r3{width:110px;height:110px;animation-delay:1.8s;}
@keyframes sRingExpand{0%{opacity:.45;transform:scale(.8)}100%{opacity:0;transform:scale(1.3)}}

.sovereign-domain {
  display:flex; align-items:center; gap:7px; padding:7px 16px;
  background:var(--gold-glow); border:1px solid rgba(218,171,45,0.3); border-radius:var(--radius-sm);
}
.domain-prefix{color:var(--gold);}
.domain-text{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;color:var(--gold);letter-spacing:0.05em;}
.sovereign-sub{font-size:10px;color:var(--text-3);letter-spacing:0.06em;margin-top:-6px;}

.auth-status-board {
  width:100%; display:flex; flex-direction:column; gap:6px;
  background:var(--surface-alt); border:1px solid var(--border);
  border-radius:var(--radius-sm); padding:11px 13px;
}
.auth-row{display:flex;align-items:center;gap:9px;}
.auth-icon{font-size:12px;}
.auth-icon.ok{color:var(--green);}
.auth-icon.pulse{color:var(--gold);}
.auth-label{font-size:11px;color:var(--text-2);flex:1;}
.auth-badge{font-size:9px;font-weight:800;letter-spacing:0.1em;padding:3px 7px;border-radius:4px;}
.auth-badge.verified{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);color:var(--green);}
.auth-badge.live{background:var(--gold-glow);border:1px solid rgba(218,171,45,0.3);color:var(--gold);}

.auth-gate-display{width:100%;background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--radius-xs);padding:9px 11px;}
.gate-label{font-size:9px;color:var(--text-3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px;}
.gate-address{display:flex;align-items:center;gap:9px;}
.gate-mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold);letter-spacing:0.06em;flex:1;}
.copy-btn{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px 6px;border-radius:4px;transition:var(--transition);}
.copy-btn:hover{color:var(--gold);background:var(--gold-glow);}

.sovereign-metrics{display:flex;width:100%;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 0;}
.sov-metric{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid var(--border);}
.sov-metric:last-child{border-right:none;}
.sov-num{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--gold);}
.sov-lbl{font-size:9px;color:var(--text-3);letter-spacing:0.08em;text-transform:uppercase;}

.sovereign-gate-btn{
  width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;
  background:linear-gradient(135deg,var(--gold-dim) 0%,var(--gold) 50%,var(--gold-light) 100%);
  border:none;border-radius:var(--radius-sm);
  font-size:12px;font-weight:800;color:#0C0C0E;letter-spacing:0.1em;
  cursor:pointer;transition:var(--transition);text-transform:uppercase;
  box-shadow:0 4px 18px rgba(218,171,45,0.3);
}
.sovereign-gate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 26px rgba(218,171,45,0.5);}

/* ════════════════════════════════════════════════════════
   MEMBER SWARM (spans 2 cols in row 2)
════════════════════════════════════════════════════════ */
.swarm-body{display:flex;flex-direction:column;gap:14px;flex:1;}
.swarm-headline{display:flex;align-items:baseline;gap:10px;}
.swarm-count{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;color:var(--text-1);letter-spacing:-0.02em;}
.swarm-label{font-size:13px;font-weight:600;color:var(--text-2);}
.swarm-chart-wrap{height:110px;position:relative;}

/* 2-col layout inside swarm when it spans wide */
.swarm-card .swarm-body {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto;
  gap:14px;
  align-items:start;
}
.swarm-headline    { grid-column:1/3; grid-row:1; align-items:baseline; }
.swarm-chart-wrap  { grid-column:1/2; grid-row:2/4; height:100%; min-height:120px; }
.swarm-stats       { grid-column:2/3; grid-row:2/3; }
.swarm-tier-table  { grid-column:2/3; grid-row:3/4; }

.swarm-stats{display:flex;gap:10px;}
.swarm-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);}
.swarm-stat i{font-size:12px;color:var(--text-3);}
.online-dot{color:var(--green)!important;}
.swarm-stat-num{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--text-1);}
.swarm-stat-lbl{font-size:9px;color:var(--text-3);letter-spacing:0.08em;text-transform:uppercase;}

.swarm-tier-table{display:flex;flex-direction:column;gap:8px;padding:11px 13px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);}
.tier-row{display:flex;align-items:center;gap:8px;}
.tier-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.tier-dot.gold{background:var(--gold);box-shadow:0 0 5px rgba(218,171,45,0.5);}
.tier-dot.silver{background:#94A3B8;}
.tier-dot.base{background:var(--text-3);}
.tier-name{font-size:11px;color:var(--text-2);width:115px;flex-shrink:0;}
.tier-bar-wrap{flex:1;height:5px;background:var(--surface-hi);border-radius:99px;overflow:hidden;}
.tier-bar{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:99px;transition:width 1.5s cubic-bezier(0.4,0,0.2,1);}
.tier-bar.silver{background:linear-gradient(90deg,#64748B,#94A3B8);}
.tier-bar.base{background:linear-gradient(90deg,#3F3F46,#71717A);}
.tier-pct{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-3);width:26px;text-align:right;}

/* ════════════════════════════════════════════════════════
   TICKER
════════════════════════════════════════════════════════ */
.ticker-card{border-radius:var(--radius-md);}
.ticker-card:hover{transform:none;}
.ticker-chrome{flex-direction:row!important;align-items:center;padding:12px 18px!important;gap:14px;overflow:hidden;}
.ticker-left{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:0.12em;white-space:nowrap;padding-right:14px;border-right:1px solid var(--border);}
.ticker-scroll-wrap{flex:1;overflow:hidden;position:relative;}
.ticker-scroll-wrap::before,.ticker-scroll-wrap::after{content:'';position:absolute;top:0;bottom:0;width:36px;z-index:2;pointer-events:none;}
.ticker-scroll-wrap::before{left:0;background:linear-gradient(90deg,var(--surface),transparent);}
.ticker-scroll-wrap::after{right:0;background:linear-gradient(270deg,var(--surface),transparent);}
.ticker-scroll{display:flex;animation:tickerMove 38s linear infinite;white-space:nowrap;}
@keyframes tickerMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 24px;border-right:1px solid var(--border);font-size:11px;color:var(--text-2);}
.ticker-item i{color:var(--gold);font-size:10px;}
.ticker-item.positive{color:var(--green);}
.ticker-right{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-3);white-space:nowrap;padding-left:14px;border-left:1px solid var(--border);}

/* ════════════════════════════════════════════════════════
   $150 INITIATION GATEWAY  — bottom anchor, full width
════════════════════════════════════════════════════════ */
.invite-card {
  /* Gold leaf top trim — matches header scanline */
  border-top:2px solid rgba(232,188,69,0.28);
  box-shadow:
    var(--shadow-card),
    0 -1px 0 0 rgba(232,188,69,0.1),
    inset 0 1px 0 rgba(232,188,69,0.06);
}

/* Two-column layout inside when full-width */
.invite-body {
  display:grid;
  grid-template-columns:auto 1fr 1fr;
  grid-template-rows:auto auto;
  gap:16px 28px;
  align-items:start;
  flex:1;
}

.invite-tier-display  { grid-column:1/2; grid-row:1/3; display:flex; flex-direction:column; align-items:center; gap:12px; justify-content:center; padding-right:16px; border-right:1px solid var(--border); }
.invite-features      { grid-column:2/3; grid-row:1/2; }
.invite-progress-block{ grid-column:3/4; grid-row:1/2; }
.invite-cta-btn       { grid-column:2/3; grid-row:2/3; }
.invite-urgency       { grid-column:3/4; grid-row:2/3; align-self:center; }

.invite-price-ring{
  width:100px; height:100px; border-radius:50%;
  border:3px solid var(--gold);
  display:flex; align-items:center; justify-content:center; flex-direction:column;
  flex-shrink:0;
  box-shadow:0 0 20px rgba(218,171,45,0.2);
  animation:priceGlow 3s ease-in-out infinite;
}
@keyframes priceGlow{0%,100%{box-shadow:0 0 20px rgba(218,171,45,0.2)}50%{box-shadow:0 0 35px rgba(218,171,45,0.42)}}
.invite-currency{font-size:15px;font-weight:700;color:var(--gold);line-height:1;}
.invite-price{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;color:var(--gold);line-height:1;}
.invite-tier-label{font-size:13px;font-weight:700;color:var(--text-1);text-align:center;line-height:1.4;}

.invite-features{display:flex;flex-direction:column;gap:7px;}
.invite-feat{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-2);}
.invite-feat i{color:var(--gold);font-size:11px;flex-shrink:0;}

.invite-progress-block{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;}
.inv-prog-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-2);margin-bottom:7px;}
.inv-prog-bar-wrap{height:7px;background:var(--surface-hi);border-radius:99px;overflow:hidden;margin-bottom:5px;}
.inv-prog-bar{
  height:100%;
  background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-light));
  border-radius:99px;transition:width 2s cubic-bezier(0.4,0,0.2,1);position:relative;
}
.inv-prog-bar::after{content:'';position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.28));animation:shimmer 2.2s ease-in-out infinite;}
@keyframes shimmer{0%{opacity:0;transform:translateX(-14px)}50%{opacity:1}100%{opacity:0;transform:translateX(10px)}}
.inv-prog-pct{font-size:11px;font-weight:700;color:var(--gold);text-align:right;}

.invite-cta-btn{
  display:flex;align-items:center;padding:14px 16px;
  background:linear-gradient(135deg,rgba(218,171,45,0.14),rgba(218,171,45,0.07));
  border:1px solid rgba(218,171,45,0.38);border-radius:var(--radius-sm);
  cursor:pointer;transition:var(--transition);gap:10px;text-align:left;width:100%;
}
.invite-cta-btn:hover{background:linear-gradient(135deg,rgba(218,171,45,0.24),rgba(218,171,45,0.14));border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 18px rgba(218,171,45,0.18);}
.cta-main{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:0.08em;display:block;}
.cta-sub{font-size:11px;color:var(--text-2);display:block;margin-top:2px;}
.invite-cta-btn i{margin-left:auto;color:var(--gold);font-size:13px;}

/* CLAIM YOUR SEAT — anchor link override */
/* Ensures <a> renders identically to a button with full clickable area */
a.invite-cta-link {
  display:flex;
  text-decoration:none;
  color:inherit;
  /* Stretch to fill grid cell */
  align-self:stretch;
}
a.invite-cta-link:visited { color:inherit; }
a.invite-cta-link:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:var(--radius-sm);
}
/* External-link icon — subtle gold nudge on hover */
a.invite-cta-link:hover .fa-arrow-up-right-from-square {
  transform:translate(2px,-2px);
  transition:transform 0.2s ease;
}
a.invite-cta-link .fa-arrow-up-right-from-square {
  transition:transform 0.2s ease;
}

.invite-urgency{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2);padding:8px 10px;background:rgba(218,171,45,0.05);border:1px solid rgba(218,171,45,0.1);border-radius:var(--radius-xs);}
.invite-urgency i{color:var(--gold);}
.invite-urgency strong{color:var(--gold);}

/* ════════════════════════════════════════════════════════
   SOVEREIGN GATE MODAL
════════════════════════════════════════════════════════ */
.modal-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.80);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .35s ease;}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal-box{background:var(--surface);border:1px solid rgba(218,171,45,0.3);border-radius:var(--radius-xl);padding:44px 40px;max-width:420px;width:90%;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 30px 80px rgba(0,0,0,0.65);animation:modalAppear .4s cubic-bezier(.34,1.56,.64,1) forwards;}
@keyframes modalAppear{from{transform:scale(.9) translateY(20px)}to{transform:scale(1) translateY(0)}}
.modal-hex{width:76px;height:76px;background:linear-gradient(135deg,var(--gold-dim),var(--gold));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:28px;color:#0C0C0E;box-shadow:0 0 28px rgba(218,171,45,0.4);}
.modal-title{font-size:18px;font-weight:800;color:var(--text-1);text-align:center;}
.modal-sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);text-align:center;letter-spacing:.06em;margin-top:-10px;}
.modal-auth-display{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);}
.auth-spinner{font-size:26px;color:var(--gold);}
.auth-progress-text{font-size:13px;color:var(--text-2);text-align:center;}
.auth-bar-wrap{width:100%;height:5px;background:var(--surface-hi);border-radius:99px;overflow:hidden;}
.auth-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:99px;transition:width .4s ease-out;}
.modal-close-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--gold-dim),var(--gold));border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:800;color:#0C0C0E;letter-spacing:.1em;cursor:pointer;transition:var(--transition);}
.modal-close-btn:hover{box-shadow:0 4px 20px rgba(218,171,45,0.5);transform:translateY(-2px);}
.modal-cancel-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-xs);padding:9px 22px;font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.08em;cursor:pointer;transition:var(--transition);}
.modal-cancel-btn:hover{color:var(--text-2);border-color:var(--border-hi);}

/* ════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════ */
@media(max-width:1280px){
  .dashboard-grid{ grid-template-columns:360px 1fr 1fr; }
}

@media(max-width:1100px){
  .dashboard-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .mmg-card       { grid-column:1/3; grid-row:1; }
  .hero-clock     { grid-column:1/2; grid-row:2; }
  .hero-sovereign { grid-column:2/3; grid-row:2; }
  .swarm-card     { grid-column:1/3; grid-row:3; }
  .ticker-card    { grid-column:1/3; grid-row:4; }
  .invite-card    { grid-column:1/3; grid-row:5; }

  .swarm-card .swarm-body{ grid-template-columns:1fr 1fr; }
  .mmg-amount{ font-size:90px; }
  .hero-title-main,.hero-title-accent{ font-size:56px; }

  /* invite back to vertical */
  .invite-body{
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto auto;
  }
  .invite-tier-display { grid-column:1/2; grid-row:1/4; }
  .invite-features     { grid-column:2/3; grid-row:1/2; }
  .invite-progress-block{ grid-column:2/3; grid-row:2/3; }
  .invite-cta-btn      { grid-column:2/3; grid-row:3/4; }
  .invite-urgency      { grid-column:1/3; grid-row:4/5; }
}

@media(max-width:768px){
  .site-hero{height:400px;}
  .hero-title-main,.hero-title-accent{font-size:40px;}
  .hero-nav{padding:0 14px;}
  .nav-brand-sub,.node-status,.system-time{display:none;}
  .hero-stats-strip{flex-wrap:wrap;gap:6px;padding:10px 16px;}
  .hs-sep{display:none;}
  .hs-item{padding:0 10px;}
  .dashboard-grid{grid-template-columns:1fr;padding:12px;}
  .mmg-card,.hero-clock,.hero-sovereign,.swarm-card,.ticker-card,.invite-card{grid-column:1;grid-row:auto;}
  .mmg-amount{font-size:80px;}
  .swarm-card .swarm-body{grid-template-columns:1fr;grid-template-rows:auto;}
  .swarm-headline,.swarm-chart-wrap,.swarm-stats,.swarm-tier-table{grid-column:1;grid-row:auto;}
  .invite-body{grid-template-columns:1fr;grid-template-rows:auto;}
  .invite-tier-display,.invite-features,.invite-progress-block,.invite-cta-btn,.invite-urgency{grid-column:1;grid-row:auto;border-right:none;padding-right:0;}
}

/* ── SCROLLBARS + SELECTION ────────────────────────────── */
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:99px;}
::selection{background:rgba(218,171,45,0.25);color:var(--text-1);}