.hero { min-height: 100vh; display: flex; align-items: center; position: relative; padding: 100px 5% 80px; overflow: clip; }
.hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 50% 55% at 68% 45%, rgba(245,196,0,0.07) 0%, transparent 65%), radial-gradient(ellipse 40% 45% at 15% 70%, rgba(204,21,21,0.06) 0%, transparent 55%); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(245,196,0,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(245,196,0,0.03) 1px, transparent 1px); background-size: 64px 64px; }
.hero-stripe { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--red) 0%, var(--yellow) 40%, var(--red) 100%); }
.hero-content { position: relative; max-width: 680px; z-index: 1; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(245,196,0,0.35); color: var(--yellow); font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; padding: 6px 16px; margin-bottom: 28px; }
.hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--red); border-radius: 50%; }
.hero h1 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(50px, 7.5vw, 94px); line-height: 0.94; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 22px; }
.hero h1 .y { color: var(--yellow); }
.hero h1 .r { color: var(--red); }
.hero-sub { font-size: 20px; color: var(--gray2); max-width: 500px; margin-bottom: 38px; line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-visual { position: absolute; right: 4%; top: 50%; transform: translateY(-50%); width: min(420px, 36vw); max-height: 80vh; z-index: 0; display: flex; align-items: center; }
.hero-emblem { width: 100%; max-height: 80vh; object-fit: contain; animation: float 6s ease-in-out infinite; filter: drop-shadow(0 0 50px rgba(245,196,0,0.2)) drop-shadow(0 24px 60px rgba(0,0,0,0.8)); }
@media (max-width: 900px) { .hero-visual { display: none; } }