.hero { background: #080A10; position: relative; overflow: hidden; }
.hero .hero-bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle at 50% 40%, rgba(229,57,53,0.12) 0%, transparent 55%), radial-gradient(circle at 20% 80%, rgba(229,57,53,0.06) 0%, transparent 45%), radial-gradient(circle at 85% 20%, rgba(245,158,11,0.06) 0%, transparent 40%); pointer-events: none; }
.hero .container { position: relative; z-index: 2; }
.hero .hero-inner { display: flex; justify-content: center; padding: 56px 0 32px; }
.hero .hero-content { color: #E8EAF0; text-align: center; max-width: 720px; }
.hero .hero-label { display: inline-flex; align-items: center; gap: 8px; background: rgba(229,57,53,0.12); border: 1px solid rgba(229,57,53,0.35); color: #F4A0A0; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 28px; letter-spacing: 0.3px; }
.hero .hero-label .check-icon { color: #E53935; flex-shrink: 0; }
.hero h1 { font-size: 60px; font-weight: 900; color: #E8EAF0; line-height: 1.08; margin-bottom: 20px; letter-spacing: -1.5px; }
.hero h1 em { font-style: normal; color: #E53935; }
.hero .hero-desc { font-size: 18px; color: rgba(232,234,240,0.65); line-height: 1.65; margin-bottom: 36px; margin-left: auto; margin-right: auto; max-width: 560px; }
.hero .hero-stats { display: flex; gap: 40px; margin-bottom: 40px; justify-content: center; }
.hero .hero-stat strong { display: block; font-size: 32px; font-weight: 900; color: #E8EAF0; line-height: 1.1; }
.hero .hero-stat span { display: block; font-size: 13px; color: rgba(232,234,240,0.5); font-weight: 500; margin-top: 3px; }
.hero .hero-cta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; justify-content: center; }
.hero .btn-hero { display: inline-block; background: #E53935; color: #FFFFFF; padding: 16px 36px; border-radius: 10px; font-weight: 800; font-size: 16px; text-decoration: none; transition: background 0.2s, transform 0.15s; letter-spacing: 0.2px; }
.hero .btn-hero:hover { background: #B71C1C; transform: translateY(-2px); text-decoration: none; }
.hero .btn-hero-secondary { display: inline-block; color: rgba(232,234,240,0.75); font-size: 15px; font-weight: 600; text-decoration: none; padding: 16px 4px; border-bottom: 2px solid rgba(232,234,240,0.2); transition: color 0.2s, border-color 0.2s; }
.hero .btn-hero-secondary:hover { color: #E8EAF0; border-bottom-color: #E53935; text-decoration: none; }
.hero-chip { position: absolute; border-radius: 50%; z-index: 1; pointer-events: none; }
.hero-chip::before { content: ""; position: absolute; inset: 15%; border-radius: 50%; border: 2px dashed rgba(255,255,255,0.15); }
.hero-chip::after { content: ""; position: absolute; inset: 30%; border-radius: 50%; background: rgba(255,255,255,0.05); }
.hero .hero-chip-1 { width: 120px; height: 120px; top: 12%; left: 5%; background: radial-gradient(circle at 40% 35%, #E53935 0%, #8B1A17 100%); box-shadow: 0 8px 32px rgba(229,57,53,0.3); transform: rotate(-15deg); opacity: 0.7; }
.hero .hero-chip-2 { width: 80px; height: 80px; top: 60%; left: 8%; background: radial-gradient(circle at 40% 35%, #F59E0B 0%, #92400E 100%); box-shadow: 0 6px 24px rgba(245,158,11,0.25); transform: rotate(25deg); opacity: 0.5; }
.hero .hero-chip-3 { width: 100px; height: 100px; top: 8%; right: 6%; background: radial-gradient(circle at 40% 35%, #1A1D27 0%, #0A0B10 100%); box-shadow: 0 8px 32px rgba(0,0,0,0.4); border: 3px solid rgba(229,57,53,0.3); transform: rotate(10deg); opacity: 0.6; }
.hero .hero-chip-4 { width: 60px; height: 60px; top: 70%; right: 10%; background: radial-gradient(circle at 40% 35%, #E53935 0%, #8B1A17 100%); box-shadow: 0 4px 16px rgba(229,57,53,0.2); transform: rotate(-30deg); opacity: 0.45; }
.hero .hero-chip-5 { width: 140px; height: 140px; bottom: 5%; right: 3%; background: radial-gradient(circle at 40% 35%, #F59E0B 0%, #78350F 100%); box-shadow: 0 12px 40px rgba(245,158,11,0.2); transform: rotate(20deg); opacity: 0.35; }
.hero .hero-chip-6 { width: 50px; height: 50px; bottom: 15%; left: 15%; background: radial-gradient(circle at 40% 35%, #1A1D27 0%, #0A0B10 100%); box-shadow: 0 4px 16px rgba(0,0,0,0.3); border: 2px solid rgba(245,158,11,0.3); transform: rotate(-10deg); opacity: 0.5; }
@media (max-width: 1024px) {
  .hero h1 { font-size: 48px; }
  .hero .hero-chip-1 { width: 90px; height: 90px; }
  .hero .hero-chip-3 { width: 70px; height: 70px; }
  .hero .hero-chip-5 { width: 100px; height: 100px; }
}
@media (max-width: 768px) {
  .hero .hero-inner { padding: 32px 0 20px; }
  .hero h1 { font-size: 32px; letter-spacing: -1px; margin-bottom: 12px; }
  .hero .hero-desc { font-size: 15px; margin-bottom: 20px; }
  .hero .hero-stats { gap: 20px; margin-bottom: 0; }
  .hero .hero-stat strong { font-size: 22px; }
  .hero .hero-stat span { font-size: 11px; }
  .hero-chip { display: none; }
}