/* =====================================================
   SEEK — HERO (hero.css)
===================================================== */
.hero {
  min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; gap: 3rem; padding: 9rem 5rem 5rem;
  position: relative; overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse 65% 65% at 75% 45%, rgba(203,154,45,.14) 0%, transparent 65%),
    radial-gradient(ellipse 35% 35% at 15% 85%, rgba(62,33,18,.07) 0%, transparent 60%);
}
.hero-grid {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);
}
.hero-noise {
  position: absolute; inset: -200%; pointer-events: none; z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  animation: noiseAnim .35s steps(1) infinite;
}
.hero-blob {
  position: absolute; width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle, rgba(203,154,45,.15) 0%, transparent 65%);
  pointer-events: none; z-index: 0; filter: blur(50px);
  transform: translate(-50%,-50%); left: 65%; top: 50%;
  transition: left 1.4s cubic-bezier(.23,1,.32,1), top 1.4s cubic-bezier(.23,1,.32,1);
}
.hero-left  { position: relative; z-index: 1; }
.hero-right { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }

.h-badge {
  display: inline-flex; align-items: center; gap: .5rem;
  background: var(--gold); color: var(--black);
  font-family: 'Space Mono', monospace;
  font-size: .6rem; font-weight: 700; letter-spacing: .15em;
  padding: .38rem 1rem; border-radius: 99px; margin-bottom: 1.6rem;
  opacity: 0; transform: translateY(20px);
}
.bdot {
  width: 6px; height: 6px; background: var(--black); border-radius: 50%;
  animation: bpulse 2s ease-in-out infinite;
}
.h-title {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: clamp(3rem, 6.5vw, 5.8rem);
  line-height: 1.05; letter-spacing: -.01em; margin-bottom: 1.8rem;
}
.h-line { display: block; overflow: hidden; }
.h-line-inner { display: block; transform: translateY(110%); }
.h-gold { color: var(--gold); }
.h-sub {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem); color: var(--grey);
  font-weight: 500; line-height: 1.85; max-width: 440px; margin-bottom: 3.2rem;
  opacity: 0; transform: translateY(20px);
}
.h-actions { display: flex; gap: 1rem; flex-wrap: wrap; opacity: 0; transform: translateY(20px); margin-bottom: 1.5rem; }
.h-stats { display: flex; gap: 2.5rem; margin-top: 3.5rem; opacity: 0; transform: translateY(20px); }
.h-stat-num {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 2rem; color: var(--black); letter-spacing: -.01em; line-height: 1;
}
.h-stat-num .acc { color: var(--gold); }
.h-stat-lbl { font-size: .68rem; color: var(--grey); letter-spacing: .1em; margin-top: .25rem; font-weight: 700; text-transform: uppercase; }

/* Hero people illustration */
.hero-people-wrap {
  width: 100%; max-width: 480px;
  position: relative; overflow: visible;
  display: flex; align-items: center; justify-content: center;
}
.people-glow {
  position: absolute; inset: -10%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 50% 60%, rgba(203,154,45,.18) 0%, transparent 65%);
  filter: blur(30px);
}
.hero-people-img {
  width: 100%; max-width: 460px; height: auto; display: block;
  filter: drop-shadow(0 20px 50px rgba(10,10,10,.14));
  transform-origin: center bottom;
  transition: transform .06s linear, filter .3s;
  will-change: transform;
  cursor: none;
  user-select: none; -webkit-user-drag: none;
}
/* Sparkle particle */
.sparkle {
  position: absolute; pointer-events: none; z-index: 20;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold);
  animation: sparklePop .7s ease-out forwards;
}
/* Floating tags */
.ftag {
  position: absolute; background: var(--white);
  border-radius: 14px; padding: .72rem 1.15rem;
  box-shadow: 0 8px 28px rgba(10,10,10,.1), 0 1px 0 rgba(255,255,255,.8) inset;
  display: flex; align-items: center; gap: .55rem;
  font-family: 'Nunito', sans-serif;
  font-size: .76rem; font-weight: 800; letter-spacing: .02em;
  white-space: nowrap; z-index: 10;
}
.ftag-a { bottom: 12%; right: -8%; animation: float1 4s ease-in-out infinite; }
.ftag-b { top: 12%; left: -8%; animation: float2 4.5s ease-in-out -1.5s infinite; }
.tag-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }

/* Ticker */
.ticker-section { background: var(--black); padding: 1.3rem 0; overflow: hidden; }
.ticker-track { display: flex; white-space: nowrap; animation: tickerMove 28s linear infinite; }
.ticker-item {
  display: inline-flex; align-items: center; gap: 1.4rem; padding: 0 2.8rem;
  font-family: 'Nunito', sans-serif; font-weight: 800;
  font-size: .88rem; letter-spacing: .18em; opacity: .55; text-transform: uppercase;
}
.ticker-star { color: var(--gold); font-size: 1rem; flex-shrink: 0; }