/* hero.css */
.hero {
  min-height: 100vh; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center;
  padding: 120px 2rem 80px; position: relative; overflow: hidden;
}
.glow-1 { position:absolute; width:600px; height:600px; background:radial-gradient(circle,rgba(74,222,128,0.12) 0%,transparent 70%); top:10%; left:50%; transform:translateX(-50%); pointer-events:none; animation:pulse 4s ease-in-out infinite; }
.glow-2 { position:absolute; width:400px; height:400px; background:radial-gradient(circle,rgba(167,139,250,0.08) 0%,transparent 70%); top:30%; left:20%; pointer-events:none; animation:pulse2 5s ease-in-out infinite reverse; }
.glow-3 { position:absolute; width:400px; height:400px; background:radial-gradient(circle,rgba(96,165,250,0.07) 0%,transparent 70%); top:20%; right:15%; pointer-events:none; animation:pulse2 6s ease-in-out infinite; }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 80%); }
.badge { display:inline-flex; align-items:center; gap:6px; padding:6px 16px; background:rgba(74,222,128,0.1); border:1px solid rgba(74,222,128,0.25); border-radius:100px; font-size:0.8rem; font-weight:600; color:var(--accent); margin-bottom:1.5rem; animation:fadeUp 0.6s ease both; }
.badge-dot { width:6px; height:6px; background:var(--accent); border-radius:50%; animation:blink 1.5s ease infinite; }
.hero h1 { font-family:var(--serif); font-size:clamp(2.5rem,6vw,5rem); line-height:1.1; letter-spacing:-0.02em; margin-bottom:1.5rem; animation:fadeUp 0.6s 0.1s ease both; max-width:800px; }
.hero h1 em { font-style:italic; color:var(--accent); }
.hero p { font-size:clamp(1rem,2vw,1.2rem); color:var(--text2); max-width:560px; line-height:1.7; margin-bottom:2.5rem; animation:fadeUp 0.6s 0.2s ease both; }
.hero-ctas { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-bottom:4rem; animation:fadeUp 0.6s 0.3s ease both; }
.trust-bar { display:flex; align-items:center; gap:2rem; flex-wrap:wrap; justify-content:center; padding:16px 24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r2); animation:fadeUp 0.6s 0.4s ease both; font-size:0.8rem; color:var(--text2); }
.trust-item { display:flex; align-items:center; gap:6px; }
.trust-icon { font-size:1rem; }
.floating-card { position:absolute; background:rgba(10,15,30,0.9); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:14px 18px; font-size:0.8rem; white-space:nowrap; box-shadow:0 20px 40px rgba(0,0,0,0.4); animation:float 6s ease-in-out infinite; pointer-events:none; }
.fc-label { color:var(--text2); font-size:0.7rem; margin-bottom:4px; }
.fc-val { font-weight:700; font-size:1rem; }
.fc-green { color:var(--accent); }
.fc-gold  { color:var(--gold); }